.layout{display:flex;min-height:100vh}.layout-appbar{background-color:#fff;color:#000000de;box-shadow:0 1px 3px #0000001a}.layout-drawer__header{display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.12)}.layout-drawer__title{font-weight:700;color:#1976d2}.layout-drawer__item{margin:4px 8px;border-radius:8px}.layout-drawer__item.Mui-selected{background-color:#1976d21a}.layout-drawer__item.Mui-selected .layout-drawer__icon{color:#1976d2}.layout-drawer__icon{min-width:40px;color:#0009}.layout-main{background-color:#f5f5f5;min-height:100vh}.create-task-drawer{display:flex;height:100%}.create-task-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.create-task-drawer__form{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.create-task-drawer__actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:auto}.task-list__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.task-list__table-container{border-radius:12px;overflow:hidden}.task-list__row{cursor:pointer;transition:background-color .2s ease}.task-list__row:hover{background-color:#1976d20a}.task-list__id{font-family:monospace;font-weight:500;color:#1976d2}.task-list__title{font-weight:500;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-task__labels{padding:8px;background-color:#f5f5f5;border-radius:8px}.create-task__images{padding:8px}.create-task__image-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.create-task__image-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden}.create-task__image-item img{width:100%;height:100%;object-fit:cover}.create-task__image-remove{position:absolute;top:4px;right:4px;background-color:#00000080!important;color:#fff!important}.create-task__image-remove:hover{background-color:#000000b3!important}.task-detail__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.task-detail__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.task-detail__actions{display:flex;gap:8px}.task-detail__content{padding:24px;border-radius:12px}.task-detail__title-section{margin-bottom:16px}.task-detail__id{font-family:monospace;color:#1976d2;font-size:.875rem}.task-detail__title{margin:8px 0;font-weight:600}.task-detail__badges{display:flex;gap:8px}.task-detail__description{white-space:pre-wrap;color:#0009;line-height:1.7}.task-detail__image{border-radius:8px;cursor:pointer;transition:transform .2s ease}.task-detail__image:hover{transform:scale(1.02)}.task-detail__info-card{padding:16px;border-radius:8px}.task-detail__info-item{margin-bottom:16px}.task-detail__info-item:last-child{margin-bottom:0}.task-detail__info-item .MuiTypography-caption{color:#0009;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.task-detail__info-item .MuiTypography-body1{margin-top:4px;font-weight:500}.task-detail__labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.settings-tab__loading{display:flex;justify-content:center;align-items:center;min-height:300px}.settings-tab__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-tab__header h3{font-size:1.25rem;font-weight:600;margin:0}.settings-tab__form{padding-top:8px}.settings-tab__actions{display:flex;gap:16px}.settings__container{border-radius:12px;overflow:hidden}.settings__tab-panel{min-height:400px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;background-color:#f5f5f5;color:#000000de}#root{height:100%}a{color:inherit;text-decoration:none}.page-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:600;color:#000000de}.status-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.todo{background-color:#9e9e9e26;color:#9e9e9e}.status-badge.in-progress{background-color:#1976d226;color:#1976d2}.status-badge.in-review{background-color:#9c27b026;color:#9c27b0}.status-badge.done{background-color:#2e7d3226;color:#2e7d32}.priority-badge{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:500;text-transform:uppercase}.priority-badge.high{background-color:#d32f2f26;color:#d32f2f}.priority-badge.medium{background-color:#ed6c0226;color:#ed6c02}.priority-badge.low{background-color:#2e7d3226;color:#2e7d32}.label-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500;margin-right:4px;margin-bottom:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}