:root{color:#22302f;background:#f6f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{align-items:center;color:#4b625f;display:flex;gap:14px;justify-content:center;min-height:100vh}.loading img{border-radius:16px;height:56px;width:56px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#102826;color:#f4fbf8;display:flex;flex-direction:column;gap:24px;padding:22px}.brand{align-items:center;display:flex;gap:12px}.brand img{background:#f7fbf6;border-radius:14px;height:52px;object-fit:cover;width:52px}.brand strong{display:block;font-size:22px}.brand span{color:#a8c5c0;display:block;font-size:12px;margin-top:3px}.nav{display:grid;gap:8px}.nav button,.group-filter{align-items:center;background:transparent;border:0;border-radius:8px;color:#cfe1dd;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left}.nav button.active,.group-filter.active,.nav button:hover,.group-filter:hover{background:#1d3d39;color:#fff}.side-section{display:grid;gap:8px}.section-title{align-items:center;color:#91aaa5;display:flex;font-size:12px;justify-content:space-between;text-transform:uppercase}.dot{border-radius:999px;display:inline-block;height:10px;width:10px}.dot.all{background:linear-gradient(135deg,#20b6a6,#f6a03d)}.sync-card{background:#173632;border:1px solid #26534d;border-radius:8px;display:grid;gap:12px;margin-top:auto;padding:14px}.sync-card div{align-items:center;color:#d7e9e5;display:flex;gap:9px}.sync-card button,.quick-add button,.settings-panel button,.account-row button{align-items:center;background:#20b6a6;border:0;border-radius:8px;color:#08201d;display:inline-flex;font-weight:700;gap:8px;min-height:40px;padding:0 14px}.workspace{display:flex;flex-direction:column;gap:22px;min-width:0;padding:28px}.topbar{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.topbar p{color:#6d7f7b;margin:0 0 4px}.topbar h1{font-size:32px;line-height:1.15;margin:0}.metrics{display:flex;gap:10px}.metrics span{background:#fff;border:1px solid #dfe8e3;border-radius:8px;color:#63736f;min-width:104px;padding:10px 12px}.metrics strong{color:#102826;display:block;font-size:22px}.content-grid{display:grid;gap:18px;grid-template-columns:minmax(430px,1fr) minmax(340px,420px);min-height:0}.panel{background:#fff;border:1px solid #dfe8e3;border-radius:8px;box-shadow:0 12px 40px #10282612}.task-panel{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px}.quick-add{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.quick-add input,.auth-form input,.title-input,.field-grid input,.field-grid select,.list-controls select,.group-edit-row input,.notes-label textarea{background:#f9fbf9;border:1px solid #d7e1dc;border-radius:8px;color:#22302f;min-height:42px;padding:0 12px;width:100%}.task-list{display:grid;gap:10px;min-width:0}.task-row{align-items:center;background:#fbfdfb;border:1px solid #e0e9e5;border-radius:8px;display:grid;gap:10px;grid-template-columns:18px 28px minmax(0,1fr) 32px;min-height:78px;padding:12px}.task-row.selected{border-color:#20b6a6;box-shadow:inset 3px 0 #20b6a6}.task-row.dragging{opacity:.55}.drag-handle{color:#9fb1ad}.check-button{align-items:center;background:#fff;border:2px solid #c8d7d2;border-radius:999px;color:#fff;display:flex;height:26px;justify-content:center;padding:0;width:26px}.check-button.done{background:#20b6a6;border-color:#20b6a6}.task-main{min-width:0}.task-title-line{align-items:center;display:flex;gap:10px;min-width:0}.task-title-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority{border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:12px;min-height:24px;padding:4px 9px}.priority-high{background:#ffe3e6;color:#b5223c}.priority-medium{background:#fff0d6;color:#91520c}.priority-low{background:#e1f6ef;color:#146b5f}.priority-none{background:#edf1f0;color:#667672}.task-meta{color:#71837f;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:8px}.task-meta span{align-items:center;display:inline-flex;gap:5px}.task-meta i{border-radius:999px;display:inline-block;height:8px;width:8px}.icon-button{align-items:center;background:transparent;border:0;border-radius:8px;color:inherit;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.icon-button:hover{background:#20b6a624}.muted{color:#8fa19d}.empty-state,.empty-detail{align-items:center;color:#71837f;display:flex;justify-content:center;min-height:260px;padding:24px;text-align:center}.detail-panel{display:flex;flex-direction:column;gap:16px;min-width:0;padding:18px}.detail-header{align-items:center;color:#71837f;display:flex;justify-content:space-between}.title-input{font-size:22px;font-weight:800;min-height:52px}.field-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-grid label,.notes-label{color:#63736f;display:grid;font-size:13px;gap:6px}.field-grid .wide{grid-column:1 / -1}.notes-label textarea{min-height:150px;padding:12px;resize:vertical}.markdown-preview{background:#f8faf9;border:1px solid #dfe8e3;border-radius:8px;color:#344440;min-height:110px;overflow-wrap:anywhere;padding:14px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview p{margin:0 0 10px}.markdown-preview code{background:#e5eeea;border-radius:5px;padding:2px 5px}.markdown-preview a{color:#0a8f81}.list-controls{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 150px}.calendar-layout,.settings-grid{display:grid;gap:18px;grid-template-columns:minmax(430px,1fr) minmax(300px,380px)}.calendar-panel,.review-panel,.settings-panel{padding:18px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-header h2,.review-panel h2,.settings-panel h2{margin:0}.weekdays,.calendar-grid{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{color:#72837f;font-size:12px;margin-bottom:8px;text-align:center}.calendar-cell{aspect-ratio:1;background:#f3f6f4;border:1px solid #dce6e2;border-radius:8px;color:#263633;display:flex;flex-direction:column;justify-content:space-between;min-height:64px;padding:8px;text-align:left}.calendar-cell strong{align-self:flex-end}.calendar-cell.selected{outline:3px solid rgba(246,160,61,.45)}.calendar-cell.muted-month{color:#9ba9a6;opacity:.65}.level-1{background:#dff4ee}.level-2{background:#aee6dc}.level-3{background:#63cdbf}.level-4{background:#168d81;color:#fff}.eyebrow{color:#0a8f81;font-size:12px;font-weight:800;text-transform:uppercase}.review-list{margin-top:24px}.review-item{border-bottom:1px solid #e5eeea;padding:12px 0}.settings-grid{align-items:start}.settings-panel{display:grid;gap:14px}.settings-panel p{color:#667672;margin:0}.wide-panel{grid-column:1 / -1}.auth-form,.group-editor{display:grid;gap:10px}.auth-form div,.account-row{align-items:center;display:flex;gap:10px}.settings-panel button.secondary{background:#edf2ef;color:#23312e}.group-edit-row{display:grid;gap:10px;grid-template-columns:48px minmax(0,1fr) 34px}.group-edit-row input[type=color]{padding:4px}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.content-grid,.calendar-layout,.settings-grid{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.metrics{flex-wrap:wrap}}@media (max-width: 620px){.workspace,.sidebar{padding:16px}.quick-add,.list-controls,.field-grid{grid-template-columns:1fr}.task-row{grid-template-columns:28px minmax(0,1fr) 32px}.drag-handle{display:none}.calendar-cell{min-height:46px;padding:5px}}