:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:var(--app-bg);letter-spacing:0;--surface: #111827;--border: #334155;--muted: #94a3b8;--muted-bg: #1e293b;--primary: #0f766e;--primary-dark: #115e59;--on-primary: #ffffff;--danger: #f87171;--focus: #38bdf8;--app-bg: #0b1120;--link: #7dd3fc;--control-text: #cbd5e1;--placeholder: #64748b;--checkbox-border: #64748b;--nav-active-bg: #134e4a;--nav-active-text: #5eead4;--notification-badge-bg: #ef4444;--notification-badge-text: #ffffff;--accent-border: #38bdf8;--accent-bg: #12383c;--accent-text: #5eead4;--subtle-border: #475569;--danger-border: #7f1d1d;--danger-bg: #2a1414;--danger-text: #f87171;--error-border: #7f1d1d;--error-bg: #2a1414;--error-text: #fecaca;--success-border: #166534;--success-bg: #102d24;--success-text: #bbf7d0;--status-created-bg: #253142;--status-created-text: #cbd5e1;--status-progress-bg: #102a43;--status-progress-text: #93c5fd;--status-hold-bg: #3a2a0b;--status-hold-text: #fbbf24;--status-canceled-bg: #3b1614;--status-canceled-text: #f87171;--status-completed-bg: #123322;--status-completed-text: #86efac;--workspace-badge-bg: #3a2e11;--workspace-badge-border: #f59e0b;--workspace-badge-text: #fde68a;--field-bg: #0b1220;--hover-bg: #223047;--text: #e5e7eb;--heading: #f8fafc;--overlay-bg: rgb(0 0 0 / .68);--shadow: 0 14px 34px rgb(0 0 0 / .42);--modal-shadow: 0 24px 70px rgb(0 0 0 / .55);--bottom-nav-shadow: 0 -8px 24px rgb(0 0 0 / .35)}:root[data-theme=light]{color-scheme:light;color:#1f2933;background:#eef2f6;--surface: #ffffff;--border: #d7dee8;--muted: #667085;--muted-bg: #f6f8fb;--primary: #0f766e;--primary-dark: #115e59;--on-primary: #ffffff;--danger: #b42318;--focus: #2563eb;--app-bg: #eef2f6;--link: #075985;--control-text: #344054;--placeholder: #667085;--checkbox-border: #98a2b3;--nav-active-bg: #dff3f0;--nav-active-text: #0f5f59;--notification-badge-bg: #dc2626;--notification-badge-text: #ffffff;--accent-border: #9ab8c6;--accent-bg: #eef7f7;--accent-text: #0f5f59;--subtle-border: #c9d3df;--danger-border: #f3b5ae;--danger-bg: #fff5f3;--danger-text: #b42318;--error-border: #f4b5b5;--error-bg: #fff1f1;--error-text: #9f1d1d;--success-border: #a9d7c4;--success-bg: #effaf5;--success-text: #136c44;--status-created-bg: #eef2f6;--status-created-text: #344054;--status-progress-bg: #e1f0ff;--status-progress-text: #175cd3;--status-hold-bg: #fff4d6;--status-hold-text: #854a0e;--status-canceled-bg: #ffe7e4;--status-canceled-text: #b42318;--status-completed-bg: #dff3e8;--status-completed-text: #067647;--workspace-badge-bg: #fef3c7;--workspace-badge-border: #d97706;--workspace-badge-text: #92400e;--field-bg: #ffffff;--hover-bg: #f7fbfc;--text: #1f2933;--heading: #111827;--overlay-bg: rgb(15 23 42 / .42);--shadow: 0 12px 28px rgb(15 23 42 / .16);--modal-shadow: 0 18px 60px rgb(15 23 42 / .24);--bottom-nav-shadow: 0 -8px 24px rgb(15 23 42 / .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--app-bg);color:var(--text)}button,input,select,textarea{font:inherit;letter-spacing:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin:0}h1{color:var(--heading);font-size:28px;line-height:1.2}h2{color:var(--heading);font-size:17px;line-height:1.25}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:13px;font-weight:700;background:var(--muted-bg)}.table-action-cell{text-align:right;white-space:nowrap}.workspace-column{width:76px;text-align:center}.workspace-name-cell,.workspace-title-row{display:inline-flex;align-items:center;gap:10px}.workspace-title-row h1{margin:0}.status-column{width:150px}.date-column{width:120px;white-space:nowrap}.logged-column{width:96px;white-space:nowrap}.timer-column{width:48px;text-align:center}.owner-column{width:100px;text-align:center}.tree-cell{display:flex;align-items:center;gap:6px}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--control-text);cursor:pointer}.tree-toggle:hover:not(:disabled){border-color:var(--border);background:var(--muted-bg)}.tree-toggle:disabled{visibility:hidden}.table-label-row th{padding-bottom:6px;border-bottom:0;color:var(--control-text);font-size:13px;font-weight:800}.table-control-row th{padding-top:0;background:var(--muted-bg)}.table-control-row input{min-height:34px;padding:6px 9px;font-size:13px;font-weight:500}.multi-filter{position:relative}.multi-filter-trigger,.multi-filter summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;border:1px solid var(--border);border-radius:6px;padding:7px 9px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;list-style:none;white-space:nowrap;width:100%}.multi-filter summary::-webkit-details-marker{display:none}.multi-filter-trigger:after,.multi-filter summary:after{content:"v";flex:0 0 auto;color:var(--muted);font-size:12px}.multi-filter-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;display:grid;gap:4px;min-width:190px;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:8px;box-shadow:var(--shadow)}.multi-filter-portal{position:fixed}.multi-filter.align-right .multi-filter-menu{right:0;left:auto}.checkbox-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;color:var(--control-text);font-size:13px;font-weight:600}.checkbox-row input{width:16px;min-height:16px;border:1px solid var(--checkbox-border);padding:0}.checkbox-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.recurrence-rule-list{display:grid;gap:8px}.sort-header-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-height:20px;border:0;background:transparent;color:inherit;cursor:pointer;font-weight:800;padding:0}.sort-header-button svg{color:var(--muted)}.table-empty-state{margin-top:12px}input,select,textarea{width:100%;min-height:40px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--field-bg);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--placeholder)}textarea{min-height:90px;resize:vertical}label{display:grid;gap:6px;color:var(--control-text);font-size:14px;font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100vh;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 18px;border-bottom:1px solid var(--border);color:var(--heading);font-weight:800}.nav-list{display:grid;gap:4px;padding:12px}.nav-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border-radius:6px;color:var(--control-text);font-weight:650}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:999px;background:var(--notification-badge-bg);color:var(--notification-badge-text);font-size:12px;font-weight:800;line-height:1}.nav-link.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.sidebar-footer{display:grid;gap:10px;margin-top:auto;padding:14px;border-top:1px solid var(--border)}.signed-in{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.main-content{min-width:0;padding:24px}.page{display:grid;gap:18px;width:100%}.narrow-page{max-width:560px}.page-header{position:sticky;z-index:15;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--app-bg)}.page-header p{margin-top:5px;color:var(--muted)}.project-header-controls{display:flex;align-items:end;gap:10px}.project-header-controls label{min-width:220px}.task-heading{min-width:0}.task-title-row{display:flex;align-items:center;gap:10px;min-width:0}.task-title-row h1{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.task-title-row h1 span{color:var(--muted);font-size:16px;font-weight:650;line-height:1}.assignment-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;max-width:360px}.assignment-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--control-text);cursor:pointer}.assignment-action-button:hover{border-color:var(--accent-border);background:var(--hover-bg);color:var(--accent-text)}.assignment-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid transparent;border-radius:999px;padding:0 8px;font-size:12px;font-weight:850}.assignment-badge.is-removable{padding-right:12px}.assignment-badge-remove{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;width:17px;min-width:17px;height:17px;border:1px solid var(--danger-border);border-radius:999px;background:var(--danger-bg);color:var(--danger-text);cursor:pointer;padding:0}.assignment-badge-remove:hover{background:var(--danger);color:var(--on-primary)}.assignment-badge-owner{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.assignment-badge-contributor{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent-text)}.assignment-badge-viewer{border-color:var(--subtle-border);background:var(--muted-bg);color:var(--muted)}.panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-header h2{margin:0}.section-header p{margin:4px 0 0;color:var(--muted)}.collapsible-section-title{display:flex;align-items:flex-start;gap:8px;min-width:0}.inline-section-heading{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}.inline-section-heading span{color:var(--muted);font-size:14px;font-weight:650}.inline-section-heading.is-danger h2{color:var(--danger-text)}.inline-section-heading.is-warning h2{color:var(--status-hold-text)}.inline-section-heading.is-success h2{color:var(--success-text)}.stack{display:grid;gap:14px}.two-column{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:start}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,220px));gap:12px}.dashboard-sticky-header{position:sticky;z-index:25;top:0;display:grid;gap:14px;background:var(--app-bg);padding-bottom:2px}.dashboard-sticky-header .page-header{position:static}.dashboard-panel{display:grid;gap:16px}.dashboard-panel-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px}.dashboard-panel-header h2{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0}.dashboard-panel-header p{margin:4px 0 0;color:var(--muted)}.dashboard-heading-detail{color:var(--muted);font-size:.85rem;font-weight:500}.dashboard-active-slot{display:grid;justify-self:center;justify-items:center;gap:8px;min-width:0}.dashboard-day-scroller{display:inline-grid;grid-template-columns:auto minmax(170px,auto) auto;align-items:center;gap:8px;justify-self:end;min-height:30px;border:1px solid var(--border);border-radius:999px;background:var(--field-bg);padding:3px 6px}.dashboard-day-scroller span{color:var(--text);font-size:13px;font-weight:850;text-align:center;white-space:nowrap}.dashboard-shift{display:inline-flex;align-items:center;justify-self:end;margin-top:6px;min-height:28px;border:1px solid var(--border);border-radius:999px;background:var(--muted-bg);color:var(--control-text);padding:4px 10px;font-size:13px;font-weight:750;white-space:nowrap}.dashboard-active-task{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--field-bg);padding:8px 10px}.dashboard-active-task>span,.dashboard-active-task>small{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.dashboard-active-task>small{display:grid;gap:1px;flex:0 0 auto;margin-left:auto;min-width:0;line-height:1.1;text-align:right}.dashboard-active-task>small span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-active-task>a{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--link);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dashboard-stop-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:34px;border:1px solid var(--danger-border);border-radius:6px;background:var(--danger-bg);color:var(--danger-text);cursor:pointer;padding:7px 10px;font-weight:850}.dashboard-stop-button:hover:not(:disabled){background:var(--danger);color:var(--on-primary)}.dashboard-stop-button:disabled{cursor:not-allowed;opacity:.6}.my-day-timeline-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.my-day-timeline{position:relative;min-height:48px;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,rgb(255 255 255 / .08) 1px,transparent 1px) 0 0 / 25% 100%,var(--field-bg)}.my-day-segment{position:absolute;top:7px;bottom:7px;display:inline-flex;align-items:center;min-width:7px;overflow:hidden;border-radius:6px;padding:0 9px;box-shadow:inset 0 0 0 1px #ffffff2e;font-size:12px;font-weight:850;text-decoration:none}.my-day-segment:hover{filter:brightness(1.08)}.my-day-segment span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-day-segment.is-active{box-shadow:inset 0 0 0 1px #ffffff52,0 0 0 2px var(--success-border)}.my-day-shift-marker{position:absolute;right:auto;bottom:3px;height:4px;min-width:8px;border-radius:999px;background:var(--accent-text);box-shadow:0 0 0 1px var(--field-bg);pointer-events:auto}.my-day-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 12px;color:var(--muted);font-weight:700}.my-day-axis-label{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.summary-tile{display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px 16px}.summary-tile span{color:var(--muted);font-size:13px;font-weight:700}.summary-tile strong{font-size:28px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-edit-panel{max-width:none}.task-edit-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-edit-actions{display:flex;align-items:center;gap:10px}.time-logged-button{min-height:38px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--control-text);cursor:pointer;padding:6px 8px;font-weight:800}.time-logged-button:hover{border-color:var(--border);background:var(--muted-bg)}.task-edit-grid{display:grid;grid-template-columns:minmax(360px,1fr) repeat(3,minmax(140px,.333fr));gap:14px;align-items:start}.task-edit-title{grid-column:1 / 2}.task-edit-description{grid-column:1 / -1}.task-edit-description textarea{min-height:250px}.workspace-edit-panel{max-width:none}.workspace-edit-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(160px,220px);gap:14px;align-items:start}.workspace-edit-description{grid-column:1 / -1}.workspace-edit-description textarea{min-height:96px}.time-entry-list{display:grid;align-content:start;gap:6px;min-height:0;overflow-y:auto}.time-entry-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(80px,.35fr) minmax(190px,1fr) minmax(190px,1fr) 36px;gap:10px;align-items:center;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:8px 10px;color:inherit;cursor:pointer;text-align:left}.time-entry-row span:nth-child(2){font-weight:800}.time-entry-modal-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-height:0}.time-entry-modal-header{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(80px,.35fr) minmax(190px,1fr) minmax(190px,1fr) 36px;gap:10px;padding:0 10px;color:var(--muted);font-size:13px;font-weight:800}.task-detail-lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.task-side-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;height:25vh;min-height:220px;padding:12px}.section-heading-button{justify-self:start;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.section-heading-button:hover h2{color:var(--primary);text-decoration:underline}.task-side-panel-list{display:grid;align-content:start;gap:8px;min-height:0;overflow-y:auto;padding-right:2px}.inline-edit-field[readonly]{background:var(--field-bg);cursor:pointer}.inline-edit-field[readonly]:hover{border-color:var(--accent-border);background:var(--hover-bg)}.inline-edit-field.is-editing{background:var(--surface);cursor:text}.compact-inline-edit{min-height:30px;border-color:transparent;padding:2px 4px}textarea.compact-inline-edit{min-height:42px;resize:vertical}.toolbar{display:flex;gap:12px;align-items:end;max-width:360px}.button-row,.inline-form,.section-title{display:flex;align-items:center;gap:10px}.status-menu{position:relative}.status-menu-button{display:inline-flex;border:0;background:transparent;cursor:pointer;padding:0}.status-menu-list{position:absolute;z-index:25;top:calc(100% + 6px);left:0;display:grid;gap:5px;min-width:160px;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:8px;box-shadow:var(--shadow)}.status-menu-list-above{top:auto;bottom:calc(100% + 6px)}.status-menu-portal{position:fixed;top:auto;left:auto}.inline-task-status{display:inline-flex}.status-menu-item{display:flex;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;padding:4px}.status-menu-item:hover,.status-menu-item.is-selected{border-color:var(--border);background:var(--muted-bg)}.table-date-input{min-height:30px;border-color:transparent;background:transparent;padding:3px 4px;font-size:14px;font-weight:650}.table-date-input:hover,.table-date-input:focus-visible{border-color:var(--border);background:var(--surface)}.table-logged-button{min-height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit;cursor:pointer;padding:3px 6px;font-weight:700}.table-logged-button:hover{border-color:var(--border);background:var(--muted-bg)}.task-timer-button{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;border:1px solid var(--success-border);border-radius:999px;background:var(--success-bg);color:var(--success-text);cursor:pointer;padding:0}.task-timer-button.is-active{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.task-timer-button:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.task-timer-button.is-active:hover:not(:disabled){border-color:var(--danger);background:var(--danger);color:var(--on-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:var(--overlay-bg)}.modal-panel{display:grid;gap:16px;width:min(520px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px;box-shadow:var(--modal-shadow)}.large-list-modal{grid-template-rows:auto minmax(0,1fr);width:min(960px,100%);height:min(760px,calc(100vh - 40px));overflow:hidden}.large-list-modal-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.large-list-modal-content .task-side-panel-list{min-height:0;overflow-y:auto}.move-task-modal{width:min(680px,100%)}.move-tree-field{display:grid;gap:6px;font-weight:750}.move-tree{display:grid;gap:4px;max-height:min(430px,52vh);overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:var(--field-bg);padding:6px;font-weight:650}.move-tree-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;border-radius:6px;color:var(--text)}.move-tree-row-top{grid-template-columns:minmax(0,1fr)}.move-tree-row.is-selected{background:var(--nav-active-bg);color:var(--nav-active-text)}.move-tree-toggle,.move-tree-select{border:0;background:transparent;color:inherit}.move-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--muted);cursor:pointer}.move-tree-select{min-height:34px;border-radius:6px;padding:6px 8px;text-align:left;cursor:pointer;overflow-wrap:anywhere;font-weight:700}.move-tree-spacer{width:28px;height:28px}.move-tree-toggle:hover,.move-tree-select:hover,.move-tree-toggle:focus-visible,.move-tree-select:focus-visible{background:var(--hover-bg);outline:none}.move-tree-row.is-selected .move-tree-select:hover,.move-tree-row.is-selected .move-tree-select:focus-visible{background:transparent}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-actions{justify-content:flex-end}.inline-form input{flex:1}.primary-button,.secondary-button,.danger-button,.icon-text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-weight:750}.primary-button{padding:8px 12px;background:var(--primary);color:var(--on-primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button,.icon-text-button{padding:8px 12px;border-color:var(--border);background:var(--surface);color:var(--control-text)}.compact-toggle-button{min-height:38px;white-space:nowrap}.compact-toggle-button.is-active{border-color:var(--primary);background:var(--accent-bg);color:var(--accent-text)}.danger-button{padding:8px 12px;border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.icon-button{width:38px;padding:0;border-color:var(--border);background:var(--surface);color:var(--control-text)}.compact-icon-button{width:30px;min-height:30px}button:disabled{cursor:not-allowed;opacity:.55}.auth-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-panel{display:grid;gap:18px;width:min(420px,100%);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:24px}.auth-links{display:flex;flex-wrap:wrap;gap:14px}.secondary-link,.primary-link{font-weight:700}.form-error,.success-message,.empty-state{border-radius:6px;padding:10px 12px;font-size:14px}.form-error{display:grid;gap:6px;border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-text)}.form-error a{color:var(--error-text);font-weight:800}.success-message{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success-text)}.empty-state{border:1px dashed var(--border);background:var(--field-bg);color:var(--muted)}.table-wrap{overflow-x:auto}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.status-created{background:var(--status-created-bg);color:var(--status-created-text)}.status-in_progress{background:var(--status-progress-bg);color:var(--status-progress-text)}.status-on_hold{background:var(--status-hold-bg);color:var(--status-hold-text)}.status-canceled{background:var(--status-canceled-bg);color:var(--status-canceled-text)}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.invite-status-pending{background:var(--status-progress-bg);color:var(--status-progress-text)}.invite-status-accepted{background:var(--status-completed-bg);color:var(--status-completed-text)}.invite-status-expired{background:var(--status-hold-bg);color:var(--status-hold-text)}.invite-status-revoked{background:var(--status-canceled-bg);color:var(--status-canceled-text)}.initials-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-bg);color:var(--accent-text);font-size:12px;font-weight:850}.workspace-badge{background:var(--workspace-badge-bg);border-color:var(--workspace-badge-border);color:var(--workspace-badge-text)}.workspace-color-field{display:grid;gap:8px}.color-swatch-row{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:26px;height:26px;border:2px solid var(--border);border-radius:999px;cursor:pointer;padding:0}.color-swatch.is-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--primary)}.task-grid{display:grid;gap:8px}.task-row,.notification-row,.note-row,.attachment-row,.check-row{display:grid;gap:5px;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:5px 6px}.task-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;color:inherit}.task-row span,.notification-row span,.note-row span{color:var(--muted);font-size:13px}.note-row span{font-size:10px}.attachment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.attachment-fields{display:grid;gap:5px}.attachment-actions{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.attachment-name{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.attachment-target-link{overflow:hidden;border:0;background:transparent;color:var(--primary);font-size:13px;font:inherit;line-height:1.25;padding:0;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.attachment-target-link:hover{text-decoration:underline}.attachment-target-link.is-path{cursor:pointer}.note-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-meta-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.notification-row.is-read{background:var(--field-bg)}.notification-target-link{font-weight:650}.permission-section-title{margin-top:8px}.permission-row{display:grid;gap:4px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:12px;color:inherit;text-align:left}.permission-row span{color:var(--muted);font-size:13px}.permission-row.is-actionable{cursor:pointer}.permission-row.is-actionable:hover{border-color:var(--accent-border);background:var(--hover-bg)}.permission-row:disabled{cursor:default;opacity:1}.member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:12px;align-items:center;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:12px;color:inherit;text-align:left}.member-row>div{display:grid;gap:4px}.member-row span{color:var(--muted);font-size:13px}.member-row.is-actionable{cursor:pointer}.member-row.is-actionable:hover{border-color:var(--accent-border);background:var(--hover-bg)}.member-row:disabled{cursor:default;opacity:1}.role-label{justify-self:start;border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--control-text);font-weight:750}.check-row{position:relative;grid-template-columns:18px 22px minmax(0,1fr) auto;align-items:center;width:100%;text-align:left}.check-row.is-dragging{opacity:.55}.check-row.drop-before:before,.check-row.drop-after:after{content:"";position:absolute;left:6px;right:6px;height:3px;border-radius:999px;background:var(--primary)}.check-row.drop-before:before{top:-6px}.check-row.drop-after:after{bottom:-6px}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:28px;border:0;background:transparent;color:var(--placeholder);cursor:grab;padding:0}.drag-handle:active{cursor:grabbing}.check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--checkbox-border);border-radius:4px}.check.is-done{border-color:#22c55e;background:#22c55e;color:#fff}.check.is-done svg{width:14px;min-width:14px;height:14px;flex:0 0 14px;stroke-width:4}.compact-delete-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--danger-text);cursor:pointer}.compact-delete-button:hover{border-color:var(--danger-border);background:var(--danger-bg)}.compact-delete-button.is-neutral{color:var(--muted)}.compact-delete-button.is-neutral:hover{border-color:var(--border-strong);background:var(--hover-bg)}.compact-delete-button.is-safe{color:var(--success-text)}.compact-delete-button.is-safe:hover{border-color:var(--success-border);background:var(--success-bg)}@media(max-width:860px)and (orientation:portrait){h1{font-size:24px}h2{font-size:16px}.app-shell{display:block;min-height:100vh}.sidebar{position:sticky;z-index:45;top:0;align-self:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.brand{height:52px;min-width:0;padding:0 14px;border-bottom:0}.nav-list{position:fixed;z-index:45;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:visible;border-top:1px solid var(--border);background:var(--surface);box-shadow:var(--bottom-nav-shadow)}.nav-link{position:relative;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:5px 2px;font-size:11px;line-height:1.1}.nav-link span,.brand span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{position:absolute;top:4px;right:10px;min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:10px}.sidebar-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:0;padding:7px 12px 7px 6px;border-top:0}.signed-in,.sidebar-footer .icon-text-button span{display:none}.sidebar-footer .icon-text-button{width:38px;padding:0}.main-content{padding:14px 10px calc(82px + env(safe-area-inset-bottom))}.page{gap:12px}.narrow-page{max-width:none}.page-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.page-header .button-row{margin-left:auto}.project-header-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}.project-header-controls label{min-width:0}.panel{padding:10px}.assignment-summary{justify-content:flex-start;max-width:none}.task-title-row,.task-edit-header,.section-title,.modal-header,.modal-actions,.inline-form,.toolbar{flex-wrap:wrap}.toolbar{width:100%;max-width:none}.inline-form input{flex-basis:100%}.attachment-form{grid-template-columns:1fr auto}.two-column,.task-detail-lower-grid,.task-edit-grid,.workspace-edit-grid,.task-row,.time-entry-row,.member-row{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel-header{display:grid;grid-template-columns:1fr;gap:8px}.dashboard-active-slot,.dashboard-day-scroller{grid-column:auto;justify-self:start}.dashboard-shift{justify-self:start}.dashboard-active-task{flex-wrap:wrap}.dashboard-stop-button{margin-left:0;justify-self:start}.my-day-timeline{min-height:54px}.my-day-segment{padding:0 5px}.form-grid{grid-template-columns:1fr}.task-edit-title,.task-edit-description,.workspace-edit-description{grid-column:auto}.task-side-panel{height:auto;min-height:0;max-height:50vh}.checkbox-row-grid{grid-template-columns:1fr}.time-entry-modal-header{display:none}.modal-backdrop{place-items:end center;padding:10px}.modal-panel{width:100%;max-height:calc(100dvh - 20px);border-radius:8px 8px 0 0;padding:14px}.large-list-modal{width:100%;height:calc(100dvh - 20px)}.auth-screen{padding:16px}.auth-panel{padding:18px}.table-wrap{overflow-x:visible}.table-wrap table,.table-wrap thead,.table-wrap tbody{display:block;width:100%}.table-wrap thead tr{display:none}.table-wrap thead .table-label-row:has(.sort-header-button){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.table-wrap thead .table-label-row th{display:none}.table-wrap thead .table-label-row th:has(.sort-header-button){display:block;width:auto;padding:0;border:0;background:transparent}.table-wrap thead .table-label-row .sort-header-button{justify-content:center;width:100%;min-height:38px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--control-text)}.table-wrap thead .table-control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.table-wrap thead .table-control-row th{display:block;width:auto;padding:0;border:0;background:transparent;text-align:left}.table-wrap thead .table-control-row th:empty{display:none}.table-wrap thead .table-control-row th:has(input){grid-column:1 / -1}.multi-filter-menu{min-width:min(240px,calc(100vw - 40px));max-width:calc(100vw - 40px)}.table-wrap tbody{display:grid;gap:10px}.table-wrap tbody tr{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.table-wrap tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%!important;min-height:40px;padding:9px 10px;border-bottom:1px solid var(--border);text-align:right;white-space:normal;overflow-wrap:anywhere}.table-wrap tbody td:last-child{border-bottom:0}.table-wrap tbody td:before{content:attr(data-label);flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800;text-align:left}.table-wrap tbody td:not([data-label]):before,.table-wrap tbody td[data-label=""]:before{content:none}.table-wrap tbody td.table-action-cell:empty{display:none}.table-wrap tbody td>*{min-width:0}.table-wrap tbody td[data-label=Task],.table-wrap tbody td[data-label=Name],.table-wrap tbody td[data-label=User],.table-wrap tbody td[data-label=Email]{align-items:flex-start;flex-direction:column;text-align:left}.table-wrap tbody td[data-label=Task] .tree-cell,.table-wrap tbody td[data-label=Task]>a,.table-wrap tbody td[data-label=Name]>a,.table-wrap tbody td[data-label=User]>a{width:100%}.workspace-column,.timer-column,.status-column,.date-column,.logged-column,.owner-column{width:auto;text-align:inherit;white-space:normal}.table-date-input,.table-logged-button{max-width:145px;text-align:right}.inline-task-status,.status-menu,.table-logged-button{justify-content:flex-end}.status-menu-list{right:0;left:auto}}