:root{color:#172033;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;color:#f8fafc;background:#172033}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#172033;background:#f8fafc;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#b7c0d1;font-size:.88rem}.module-nav{display:grid;gap:8px}.module-nav a{display:flex;min-height:42px;align-items:center;gap:10px;border-radius:8px;padding:10px 12px;color:#e5e7eb}.module-nav a:hover{background:#ffffff14}.module-nav a.active{background:#ffffff24}.nav-swatch,.module-swatch{display:inline-block;flex:0 0 auto;border-radius:999px}.nav-swatch{width:10px;height:10px}.workspace{display:grid;align-content:start;gap:24px;padding:32px}.topbar{display:flex;align-items:start;justify-content:space-between;gap:16px}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.eyebrow,.section-label{margin:0 0 4px;color:#667085;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}h2{margin-bottom:8px;color:#172033;font-size:1.1rem}p{color:#4b5563}.health-badge{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:999px;padding:7px 12px;color:#475467;background:#fff;font-size:.9rem;font-weight:700;white-space:nowrap}.health-badge-ok{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.health-badge-down{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.auth-chip{display:inline-flex;min-height:36px;max-width:260px;align-items:center;overflow:hidden;border:1px solid #d0d5dd;border-radius:999px;padding:7px 12px;color:#344054;background:#fff;font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.status-panel{display:flex;align-items:start;justify-content:space-between;gap:16px;border:1px solid #dce1e8;border-radius:8px;padding:20px;background:#fff}.login-panel{display:grid;max-width:460px;gap:16px;border:1px solid #dce1e8;border-radius:8px;padding:20px;background:#fff}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;color:#344054;font-size:.9rem;font-weight:700}.login-form input{width:100%;min-height:42px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#172033;background:#fff;font:inherit}.login-form button,.oauth-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #172033;border-radius:8px;padding:8px 12px;color:#fff;background:#172033;cursor:pointer;font-weight:800}.oauth-list{display:grid;gap:10px}.oauth-button{border-color:#d0d5dd;color:#344054;background:#fff}.oauth-button:hover{background:#f2f4f7}.success-state{margin:0;border:1px solid #a7f3d0;border-radius:8px;padding:12px 14px;color:#047857;background:#ecfdf5;font-weight:700}.icon-button{display:inline-grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid #d0d5dd;border-radius:8px;color:#172033;background:#fff;cursor:pointer}.icon-button.todo-panel-toggle{display:none}.icon-button:hover{background:#f2f4f7}.icon-button.small{width:32px;height:32px;border-radius:8px;font-size:.9rem}.icon-button.danger{color:#b42318}.icon-button.danger:hover{border-color:#fecaca;background:#fef2f2}.health-list{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0}.health-list div{min-width:120px;border-left:3px solid #2563eb;padding-left:10px}.health-list dt{color:#667085;font-size:.78rem;font-weight:700}.health-list dd{margin:0;color:#172033;font-weight:700}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{min-height:190px;border:1px solid #dce1e8;border-radius:8px;padding:18px;background:#fff}.module-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.module-swatch{width:14px;height:14px}.module-card p{min-height:72px}.module-state{display:inline-flex;min-height:28px;align-items:center;border:1px solid #eaecf0;border-radius:999px;padding:4px 10px;color:#667085;background:#f9fafb;font-size:.82rem;font-weight:700}.todo-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.todo-panel,.todo-main{display:grid;gap:16px;min-width:0}.todo-panel{align-content:start;gap:14px;border:1px solid #dce1e8;border-radius:8px;padding:12px;background:#eef1f5}.todo-form,.project-list,.smart-list-panel,.task-item,.todo-toolbar,.inline-error{border:1px solid #dce1e8;border-radius:8px;background:#fff}.todo-form{display:grid;gap:12px;padding:16px}.todo-form h2,.project-list h2,.task-item h2{margin:0}.todo-form label,.compact-field{display:grid;gap:6px;color:#344054;font-size:.9rem;font-weight:700}.todo-form input,.todo-form textarea,.todo-form select,.compact-field select{width:100%;min-height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#172033;background:#fff;font:inherit}.todo-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-actions button,.secondary-button,.segment-button{min-height:40px;border:1px solid #172033;border-radius:8px;padding:8px 12px;color:#fff;background:#172033;cursor:pointer;font-weight:700}.form-actions button:disabled{cursor:not-allowed;opacity:.55}.secondary-button,.form-actions .secondary-button,.segment-button{border-color:#d0d5dd;color:#344054;background:#fff}.secondary-button:hover,.form-actions .secondary-button:hover,.segment-button:hover{background:#f2f4f7}.form-error,.inline-error{color:#b42318;background:#fef2f2}.form-error{margin:0;font-size:.9rem;font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.inline-error{padding:12px 14px;font-weight:700}.todo-panel .smart-list-panel,.todo-panel .project-list,.todo-panel .todo-form{border:0;padding:0;background:transparent}.smart-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.smart-list-button{display:flex;min-height:46px;min-width:0;align-items:center;gap:10px;border:1px solid transparent;border-radius:8px;padding:8px 10px;color:#344054;background:#fff9;cursor:pointer;font-weight:800;text-align:left}.smart-list-button:hover{background:#f2f4f7}.smart-list-button.active{border-color:#2563eb2e;color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #1018280f}.smart-list-icon{display:inline-block;width:13px;height:13px;flex:0 0 auto;border-radius:999px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.project-list ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.project-row>button,.project-name-field input{min-height:36px;overflow:hidden;border:1px solid transparent;border-radius:8px;padding:7px 10px;color:#344054;background:#ffffff8c;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap}.project-name-field{display:block;min-width:0}.project-name-field input{width:100%;font:inherit}.project-name-field input::placeholder{color:#667085}.project-name-field input:focus{border-color:#2563eb;background:#fff;outline:2px solid rgb(37 99 235 / .16);outline-offset:0}.project-form{margin-top:8px}.project-form-actions{display:flex;gap:6px}.project-form .form-error{grid-column:1 / -1}.project-save-button:hover{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.project-row.active>button,.segment-button.active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.project-row span{display:flex;gap:6px}.todo-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px}.segmented-control{display:flex;flex-wrap:wrap;gap:8px}.compact-field{min-width:170px}.task-list{display:grid;gap:0}.task-list[aria-label=Tasks]{border:1px solid #dce1e8;border-radius:8px;padding:2px 16px;background:#fff}.task-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;border-bottom:1px solid #eaecf0;border-radius:0;padding:12px 0;background:transparent}.task-item:last-child{border-bottom:0}.task-item.done h2{color:#667085;text-decoration:line-through}.task-main{min-width:0}.complete-button{display:inline-grid;width:30px;height:30px;place-items:center;border:2px solid #98a2b3;border-radius:999px;color:#fff;background:#fff;cursor:pointer;font-size:.82rem;font-weight:900;line-height:1}.complete-button:hover{border-color:#2563eb}.complete-button[aria-pressed=true]{border-color:#22c55e;background:#22c55e}.complete-button:disabled{cursor:not-allowed;opacity:.55}.task-title-row{display:block}.task-title-row h2{overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.task-notes{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0}.task-meta div{min-width:0}.task-meta dt{display:none;color:#667085;font-size:.75rem;font-weight:700;text-transform:uppercase}.task-meta dd{margin:0;color:#667085;font-size:.86rem;font-weight:600}.task-actions{display:flex;gap:6px;opacity:.38;transition:opacity .12s ease}.task-form{min-height:74px}.task-form-marker{cursor:default;pointer-events:none}.task-form .task-main{display:grid;gap:6px}.task-title-field{display:block}.task-title-field input,.task-notes-field textarea{width:100%;border:0;border-radius:6px;color:#172033;background:transparent;font:inherit}.task-title-field input{min-height:28px;padding:0;font-size:1rem;font-weight:800;line-height:1.35}.task-title-field input::placeholder{color:#667085}.task-notes-field{display:block}.task-notes-field textarea{min-height:26px;padding:1px 0;color:#667085;font-size:.92rem;font-weight:600;line-height:1.35;resize:vertical}.task-notes-field textarea::placeholder{color:#98a2b3}.task-title-field input:focus,.task-notes-field textarea:focus,.task-form-meta select:focus,.task-form-meta input:focus{outline:2px solid rgb(37 99 235 / .28);outline-offset:2px}.task-form-meta{align-items:center;margin-top:0}.task-form-meta label{display:block}.task-form-meta select,.task-form-meta input{min-height:26px;border:1px solid transparent;border-radius:6px;padding:1px 5px;color:#667085;background:transparent;font:inherit;font-size:.86rem;font-weight:600}.task-form-meta select{max-width:12rem}.task-form-meta input[type=date]{width:9.5rem}.task-form-meta select:hover,.task-form-meta input:hover,.task-form-meta select:focus,.task-form-meta input:focus{border-color:#d0d5dd;background:#fff}.task-form-actions{opacity:1}.task-form-actions .task-form-submit:hover{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.task-item:hover .task-actions,.task-item:focus-within .task-actions{opacity:1}.task-list[aria-label=Tasks]>.empty-state{border:0;border-radius:0;padding:14px 0;background:transparent}.empty-state{margin:0;border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#667085;background:#fff}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{gap:18px}.module-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.module-nav a{justify-content:center}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-layout{grid-template-columns:1fr}.icon-button.todo-panel-toggle{display:inline-grid}.todo-panel.collapsed{display:none}}@media(max-width:640px){.sidebar,.workspace{padding:20px}.topbar,.status-panel,.todo-toolbar{flex-direction:column}.module-nav,.module-grid{grid-template-columns:1fr}.module-nav a{justify-content:flex-start}.topbar-actions,.todo-toolbar{align-items:stretch;width:100%}.form-grid,.task-title-row{grid-template-columns:1fr}.task-item{grid-template-columns:36px minmax(0,1fr)}.task-form{grid-template-columns:36px minmax(0,1fr) auto}.task-actions{grid-column:2}.task-form .task-actions{grid-column:auto}.compact-field{min-width:0}}