:root{color-scheme:dark;--kui-primary: #9b9cff;--kui-primary-hover: #b5b6ff;--kui-primary-soft: #252652;--kui-primary-contrast: #111427;--kui-success: #55d58f;--kui-success-soft: #123423;--kui-warning: #f4c152;--kui-warning-soft: #3a2b0c;--kui-danger: #ff817a;--kui-danger-soft: #3d1715;--kui-info: #89b4ff;--kui-info-soft: #132a4f;--kui-bg: #0d1020;--kui-surface: #15192b;--kui-surface-muted: #1c2135;--kui-surface-raised: #1a1f33;--kui-border: #2b334a;--kui-border-strong: #3a4560;--kui-text: #f4f7fb;--kui-text-muted: #b8c1d1;--kui-text-subtle: #8d98aa;--kui-text-inverse: #0d1020;--kui-ring: #b5b6ff;--kui-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--kui-radius-sm: .375rem;--kui-radius-md: .5rem;--kui-radius-lg: .75rem;--kui-radius-xl: 1rem;--kui-radius-full: 9999px;--kui-shadow-sm: 0 1px 2px rgb(5 8 18 / .16), 0 1px 1px rgb(5 8 18 / .1);--kui-shadow-md: 0 14px 38px rgb(5 8 18 / .24);--kui-shadow-lg: 0 24px 80px rgb(0 0 0 / .32);--sidebar-width: 16.5rem;--content-max: 90rem}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(137,180,255,.16),transparent 28%),radial-gradient(circle at 88% 4%,rgba(155,156,255,.18),transparent 32%),linear-gradient(180deg,var(--kui-bg) 0%,#080b17 56%,#050812 100%);color:var(--kui-text);font-family:var(--kui-font-sans);font-size:14.5px;line-height:1.5;overflow-x:hidden}body::selection{background:color-mix(in srgb,var(--kui-primary) 35%,transparent);color:var(--kui-text)}button,input,select,textarea{font:inherit}button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(155,156,255,.28);border-radius:var(--kui-radius-lg);padding:10px 14px;background:linear-gradient(180deg,#9b9cff3d,#89b4ff1f);color:var(--kui-text);box-shadow:var(--kui-shadow-sm);cursor:pointer;font-weight:850;line-height:1.15;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}button:hover{border-color:#89b4ff7a;box-shadow:0 0 0 4px #89b4ff17,var(--kui-shadow-sm);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--kui-ring);outline-offset:2px}input,select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--kui-border);border-radius:var(--kui-radius-lg);padding:11px 12px;background:#ffffff0e;color:var(--kui-text);box-shadow:inset 0 1px #ffffff08}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--kui-text-subtle) 82%,transparent)}select{color-scheme:dark}input[type=date]{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0}input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}textarea{min-height:78px;resize:vertical}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--kui-text-muted) 28%,transparent);border-radius:var(--kui-radius-full)}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--kui-surface) 55%,transparent)}.muted{color:var(--kui-text-muted)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,92vw);padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,#ffffff13,#ffffff09);box-shadow:var(--kui-shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-badge,.logo img{display:block;width:42px;height:42px;border:1px solid rgba(137,180,255,.34);border-radius:13px;background:#f8fafc;box-shadow:0 14px 34px #89b4ff21}.login-card h1{margin:18px 0 6px;font-size:30px;line-height:1.08;letter-spacing:-.03em}.login-card p{margin:0;color:var(--kui-text-muted)}.login-card input{border-color:#cbd5e1;background:#e5e7eb;color:#111827;caret-color:#2563eb;box-shadow:inset 0 1px 2px #0f172a1a}.login-card input::placeholder{color:#64748b}.login-card input:focus-visible{border-color:#39c5ff;background:#f1f5f9;box-shadow:0 0 0 4px #39c5ff29,inset 0 1px 2px #0f172a14}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus{-webkit-text-fill-color:#111827;box-shadow:0 0 0 1000px #e5e7eb inset,inset 0 1px 2px #0f172a1a;caret-color:#2563eb}.stack{display:grid;gap:12px;margin-top:24px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:20px;min-height:100vh;padding:20px}.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{display:none}.app-shell.sidebar-collapsed .content{max-width:none}.sidebar{position:sticky;top:20px;height:calc(100vh - 40px);width:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,#1a1f33e6,#111524c2);box-shadow:var(--kui-shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 12px}.logo{display:flex;min-width:0;align-items:center;gap:10px}.logo strong{overflow:hidden;font-size:16px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;flex:0 0 auto;padding:0;display:inline-grid;place-items:center;border-color:#ffffff17;border-radius:10px;background:#ffffff0a;color:var(--kui-text-muted);box-shadow:none}.sidebar-toggle:hover{border-color:#89b4ff59;background:#ffffff12;color:var(--kui-text);box-shadow:none}.sidebar-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.sidebar nav{display:grid;gap:6px;overflow-y:auto;padding-right:2px}.sidebar a,.ghost{display:flex;min-height:44px;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--kui-radius-lg);padding:10px 11px;background:transparent;color:var(--kui-text-muted);text-align:left;text-decoration:none;font-weight:850;transition:opacity .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.sidebar a:hover,.sidebar a.active{border-color:#89b4ff57;background:linear-gradient(135deg,#9b9cff47,#89b4ff21);color:var(--kui-text)}.nav-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ghost{width:100%;margin-top:auto;border-color:var(--kui-border);background:#ffffff09}.content{width:100%;max-width:var(--content-max);min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:18px}.topbar{position:sticky;top:20px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:12px 16px;border:1px solid var(--kui-border);border-radius:18px;background:linear-gradient(180deg,#1a1f33db,#15192bb3);box-shadow:var(--kui-shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-title-group{display:flex;min-width:0;align-items:flex-start;gap:12px}.topbar-title{min-width:0}.eyebrow{margin:0 0 2px;color:var(--kui-info);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.topbar h1{margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.05;letter-spacing:-.035em}.pill{display:inline-flex;min-width:max-content;align-items:center;justify-content:center;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);padding:7px 10px;background:#ffffff0b;color:var(--kui-text-muted);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.quick-card,.panel{border:1px solid var(--kui-border);border-radius:22px;background:linear-gradient(180deg,#ffffff0f,#ffffff07);box-shadow:var(--kui-shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.quick-card{padding:18px}.quick-card-collapsible.closed{padding:14px 16px}.quick-card-header,.panel-heading,.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quick-card-header h2,.panel-heading h2,.panel h2{margin:0;color:var(--kui-text);font-size:18px;line-height:1.2;letter-spacing:-.02em}.quick-toggle{white-space:nowrap}.quick-form,.project-create-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:end;margin-top:18px}.quick-form>*,.project-create-form>*,.advanced-search-panel>*{min-width:0}.quick-control,.project-form label,.modal-form label,.metrics-filter-grid label{display:grid;gap:7px;color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.quick-control span{color:var(--kui-text-muted)}.quick-title,.quick-description,.project-description,.project-create-actions{grid-column:1 / -1}.quick-priority,.quick-status{grid-column:span 3}.quick-project{grid-column:span 4}.quick-progress-top{grid-column:span 2}.quick-schedule-group,.modal-schedule-group{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--kui-radius-md);background:#ffffff09}.weekday-picker{grid-column:1 / -1;display:grid;gap:8px;color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weekday-grid label{min-height:38px}.weekday-grid input{position:absolute;opacity:0;pointer-events:none}.weekday-grid span{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:38px;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);background:#ffffff0b;color:var(--kui-text-muted);font-size:12px;font-weight:850;text-transform:none}.weekday-grid input:checked+span{border-color:#89b4ff8c;background:#89b4ff2e;color:var(--kui-text)}.quick-group-label{grid-column:1 / -1;margin:0 0 2px;color:var(--kui-text);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.quick-actions{grid-column:span 6}.quick-actions,.project-create-actions,.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.project-create-actions button{width:100%}.project-name{grid-column:span 6}.project-type{grid-column:span 5}.project-color{grid-column:span 1}.project-type,.project-color{min-width:0}.project-color input[type=color],.new-tag-row input[type=color],.project-form input[type=color]{min-height:44px;padding:4px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:flex-start}.task-workspace{display:grid;gap:16px}.overview-strip{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:16px;align-items:flex-start}.panel{min-height:0;padding:16px}.side-stack{align-self:flex-start;display:flex;flex-direction:column;min-width:0;gap:16px}.side-stack>.panel{flex:0 0 auto;height:auto}.overview-panel{align-self:flex-start}.status-summary{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:center;margin-top:14px}.indicator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.indicator-grid div,.metric-split section{border:1px solid var(--kui-border);border-radius:var(--kui-radius-lg);padding:10px;background:#ffffff09}.indicator-grid span{display:block;color:var(--kui-text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.indicator-grid strong{display:block;margin-top:4px;color:var(--kui-text);font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.habit-summary{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;margin-top:14px}.habit-score{display:grid;width:122px;height:122px;place-items:center;border:1px solid rgba(85,213,143,.28);border-radius:var(--kui-radius-full);background:radial-gradient(circle,#55d58f2e,#55d58f0b);text-align:center}.habit-score strong{color:var(--kui-text);font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.habit-score span{max-width:84px;color:var(--kui-text-muted);font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.habit-bars{display:grid;gap:14px}.habit-bar-row{display:grid;gap:7px}.habit-bar-row div{display:flex;align-items:center;justify-content:space-between;gap:10px}.habit-bar-row span{color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.habit-bar-row strong{color:var(--kui-text);font-variant-numeric:tabular-nums}.habit-bar-row i{display:block;height:9px;overflow:hidden;border-radius:var(--kui-radius-full);background:#fff1}.habit-bar-row b{display:block;width:var(--bar-size);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kui-success),var(--kui-info))}.status-donut{position:relative;display:grid;width:112px;height:112px;place-items:center;border-radius:var(--kui-radius-full);background:conic-gradient(var(--status-chart));box-shadow:inset 0 0 0 1px #ffffff1a,0 14px 32px #05081238}.status-donut:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:inherit;background:linear-gradient(180deg,#1a1f33f5,#101422f5);box-shadow:inset 0 0 0 1px var(--kui-border)}.status-donut-center{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.status-donut-center strong{color:var(--kui-text);font-size:30px;line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.status-donut-center span{margin-top:4px;color:var(--kui-text-subtle);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-legend{display:grid;gap:9px;min-width:0}.status-legend-row{display:grid;gap:5px;min-width:0}.status-legend-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.status-legend-top span{display:flex;min-width:0;align-items:center;gap:8px;color:var(--kui-text-muted);font-size:12px;font-weight:850}.status-legend-top i{width:9px;height:9px;flex:0 0 9px;border-radius:var(--kui-radius-full);background:var(--status-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color) 16%,transparent)}.status-legend-top strong{color:var(--kui-text);font-size:13px;font-variant-numeric:tabular-nums}.status-bar{height:6px;overflow:hidden;border-radius:var(--kui-radius-full);background:#ffffff0e}.status-bar span{display:block;width:var(--status-size);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--status-color),color-mix(in srgb,var(--status-color) 54%,white))}.status-insight{margin:12px 0 0;color:var(--kui-text-muted);font-size:12px;font-weight:750}.project-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.task-list,.project-list{display:grid;gap:12px}.task-card,.project-card,.stat-card,.tag-editor,.project-details,.confirm-card,.modal-card{border:1px solid var(--kui-border);background:#ffffff09}.task-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px;border-left:4px solid var(--kui-text-subtle);border-radius:16px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.task-card:hover,.project-card:hover,.stat-card:hover{background:#ffffff0d}.task-card.priority-high{border-left-color:var(--kui-warning)}.task-card.priority-urgent{border-left-color:var(--kui-danger)}.task-card.priority-low{border-left-color:var(--kui-success)}.task-main{min-width:0;flex:1}.task-title{color:var(--kui-text);font-size:16px;font-weight:920;line-height:1.25}.task-card p,.project-card p,.confirm-card p{margin:6px 0 0;color:var(--kui-text-muted)}.meta,.tag-row,.inline-actions,.confirm-actions,.project-status-breakdown{display:flex;flex-wrap:wrap;gap:8px}.meta{margin-top:10px}.meta span,.project-status-breakdown span,.pagination a{display:inline-flex;align-items:center;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);padding:5px 8px;background:#ffffff0b;color:var(--kui-text-muted);font-size:12px;font-weight:750}.meta .recurrence-chip{border-color:#89b4ff4d;background:#89b4ff1a;color:#dbe9ff}.tag-row{margin-top:10px}.tag-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--tag-color, #55d58f) 45%,var(--kui-border));border-radius:var(--kui-radius-full);padding:5px 9px;background:color-mix(in srgb,var(--tag-color, #55d58f) 13%,rgba(255,255,255,.035));color:color-mix(in srgb,var(--tag-color, #55d58f) 70%,var(--kui-text));font-size:12px;font-weight:850}.tag-chip:before{content:"";width:8px;height:8px;border-radius:var(--kui-radius-full);background:var(--tag-color, #55d58f)}.task-actions{display:grid;align-content:start;gap:8px}.mini{border-color:#55d58f3d;background:#55d58f1a;color:#b9f6d5}.secondary,.edit-trigger{border-color:var(--kui-border);background:#ffffff0b;color:var(--kui-text)}.danger,.danger-mini{border-color:#ff817a40;background:#ff817a16;color:#ffc7c3}.danger-mini,.edit-trigger,.mini,.restore{min-height:34px;padding:8px 10px;font-size:12px}.restore{border-color:#89b4ff47;background:#89b4ff1a;color:#dbe9ff}.trash-card{opacity:.88;border-left-color:var(--kui-text-subtle)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#050812b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card,.confirm-card{width:min(920px,96vw);max-height:92vh;overflow:auto;border-radius:24px;padding:24px;box-shadow:var(--kui-shadow-lg)}.confirm-card{width:min(520px,94vw);text-align:center}.project-modal{text-align:left}.modal-header{margin-bottom:18px}.modal-header h2{margin:4px 0 0;font-size:24px;line-height:1.15;letter-spacing:-.03em}.close-btn{width:38px;min-height:38px;padding:0;border-radius:var(--kui-radius-full);border-color:var(--kui-border);background:#ffffff0b;font-size:24px}.modal-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.modal-form .full,.modal-actions{grid-column:1 / -1}.modal-form textarea{min-height:140px}.field-label{display:block;margin-bottom:8px;color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.compact{margin:0 0 8px}.tag-editor{border-radius:16px;padding:12px}.tag-options{display:flex;flex-wrap:wrap;gap:8px}.tag-option{display:inline-flex!important;align-items:center;gap:7px;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);padding:6px 8px;background:#ffffff0a;cursor:pointer}.tag-option input{width:auto;min-height:auto}.new-tag-row{display:grid;grid-template-columns:1fr 70px;gap:10px;margin-top:12px}.danger-icon{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 12px;border:1px solid rgba(255,129,122,.25);border-radius:var(--kui-radius-full);background:var(--kui-danger-soft);color:var(--kui-danger);font-size:28px;font-weight:950}.delete-title{margin:18px 0;padding:14px;border:1px solid var(--kui-border);border-radius:16px;background:#ffffff0a;color:var(--kui-text);font-weight:900}.project{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--kui-border);color:var(--kui-text-muted)}.project>span{width:12px;height:12px;flex:0 0 12px;border-radius:var(--kui-radius-full)}.project-strip .project{min-width:0;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);padding:7px 10px;background:#ffffff0a;font-size:12px;font-weight:800}.project-card{align-items:flex-start;border-radius:16px;padding:14px}.project-info{min-height:126px;min-width:0;flex:1;display:flex;flex-direction:column}.project-info strong{color:var(--kui-text)}.project-card small{display:inline-block;margin-top:6px;color:var(--kui-text-muted)}.project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}.project-details{margin-top:14px;border-radius:16px;padding:14px}.project-kpis,.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-kpis div,.stat-card{border-radius:15px;padding:12px}.project-kpis span,.stat-card span{display:block;color:var(--kui-text-muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.project-kpis strong,.stat-card strong{display:block;margin-top:5px;color:var(--kui-text);font-size:24px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.project-detail-meta,.metric-section{margin-top:14px}.project-task-preview{display:grid;gap:8px;margin-top:14px}.project-task-line{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--kui-border)}.project-task-line span{color:var(--kui-text);font-weight:850}.project-task-line small{margin:0}.project-form{display:grid;gap:12px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--kui-border)}.metric-row span{min-width:0;color:var(--kui-text-muted)}.metric-row strong{color:var(--kui-text);font-variant-numeric:tabular-nums}.metric-section h3{margin:0 0 6px;color:var(--kui-text);font-size:14px}.metric-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.metric-split h3{margin:0 0 8px;color:var(--kui-text);font-size:14px}.metrics-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.metrics-visual-grid>section,.metric-chart-card{border:1px solid var(--kui-border);border-radius:var(--kui-radius-lg);padding:14px;background:#ffffff09}.metrics-visual-grid h3,.metric-chart-card h3{margin:0 0 12px;color:var(--kui-text);font-size:14px}.metric-ring-layout{display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;align-items:center}.metric-ring{position:relative;display:grid;width:116px;height:116px;place-items:center;border-radius:var(--kui-radius-full);background:conic-gradient(var(--ring-color) var(--ring-size),rgba(255,255,255,.065) 0);box-shadow:inset 0 0 0 1px #ffffff1a,0 14px 32px #0508122e}.metric-ring:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:inherit;background:linear-gradient(180deg,#1a1f33f5,#101422f5);box-shadow:inset 0 0 0 1px var(--kui-border)}.metric-ring div{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.metric-ring strong{color:var(--kui-text);font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.metric-ring span{margin-top:5px;color:var(--kui-text-subtle);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metric-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-mini-grid div{min-width:0;border:1px solid var(--kui-border);border-radius:var(--kui-radius-md);padding:9px;background:#ffffff09}.metric-mini-grid span{display:block;color:var(--kui-text-muted);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.metric-mini-grid strong{display:block;margin-top:4px;color:var(--kui-text);font-size:18px;line-height:1;font-variant-numeric:tabular-nums}.metrics-status-summary{margin-top:0}.metric-bar-row{display:grid;gap:7px;padding:9px 0}.metric-bar-row+.metric-bar-row{border-top:1px solid var(--kui-border)}.metric-bar-row div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.metric-bar-row span{min-width:0;overflow:hidden;color:var(--kui-text-muted);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.metric-bar-row strong{color:var(--kui-text);font-variant-numeric:tabular-nums}.metric-bar-row i{display:block;height:8px;overflow:hidden;border-radius:var(--kui-radius-full);background:#ffffff0f}.metric-bar-row b{display:block;width:var(--metric-bar-size);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--metric-bar-color),color-mix(in srgb,var(--metric-bar-color) 54%,white))}.metrics-config-card{margin-bottom:0}.metrics-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:12px;align-items:end}.metrics-filter-grid button{white-space:nowrap}.metric-clear-action{justify-self:start}.metrics-filter-grid>*{min-width:0}.metric-date-pair{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.metric-date-pair>*{min-width:0}.metric-date-filter{position:relative;display:grid;align-content:start;gap:7px;min-width:0;overflow:visible}.metric-date-filter>span{color:var(--kui-text-muted);font-size:12px;font-weight:850}.metric-date-trigger{justify-content:flex-start;width:100%;min-width:0;min-height:44px;border-color:var(--kui-border);padding:11px 12px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff08;color:var(--kui-text);font-variant-numeric:tabular-nums}.metric-date-filter.open .metric-date-trigger{border-color:#89b4ff85;box-shadow:0 0 0 4px #89b4ff17,inset 0 1px #ffffff08}.metric-calendar{display:grid;gap:10px;width:100%;min-width:0;border:1px solid var(--kui-border-strong);border-radius:var(--kui-radius-lg);padding:10px;background:color-mix(in srgb,var(--kui-surface-raised) 96%,black);box-shadow:var(--kui-shadow-md)}.metric-calendar-header{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px}.metric-calendar-header strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.calendar-nav{min-height:34px;width:36px;padding:0;border-radius:var(--kui-radius-md);font-size:20px}.metric-calendar-weekdays,.metric-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.metric-calendar-weekdays span{color:var(--kui-text-subtle);font-size:11px;font-weight:850;text-align:center}.metric-calendar-grid button,.metric-calendar-grid span{min-width:0;min-height:34px}.metric-calendar-grid button{padding:0;border-color:transparent;border-radius:var(--kui-radius-md);background:#ffffff0b;box-shadow:none;font-size:13px}.metric-calendar-grid button.today{border-color:#f4c1529e}.metric-calendar-grid button.selected{border-color:#89b4ffbd;background:var(--kui-info-soft);color:var(--kui-text)}.metric-calendar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-calendar-actions button{min-height:36px;padding:8px 10px}.search-card{margin-top:0}.search-form{display:grid;grid-template-columns:1fr auto;gap:12px}.advanced-search-form{grid-template-columns:1fr}.basic-search-row{display:grid;grid-template-columns:1fr auto;gap:12px}.advanced-search-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.advanced-search-panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end;padding-top:12px;border-top:1px solid var(--kui-border)}.advanced-search-title{grid-column:1 / -1;color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.search-filter-section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;min-width:0;padding-top:2px}.search-filter-section+.search-filter-section{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.search-section-title{grid-column:1 / -1;color:var(--kui-text);font-size:13px;font-weight:900}.search-date-pair{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.search-date-pair>*{min-width:0}.search-priority,.search-status,.search-project,.search-tag{grid-column:span 3}.search-progress{grid-column:span 6}.search-due,.search-date-pair .search-due{grid-column:auto}.search-actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px}.clear-search{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;color:var(--kui-info);font-weight:850;text-decoration:none;white-space:nowrap}.pagination-summary{margin:0 0 12px;color:var(--kui-text-muted);font-size:13px;font-weight:750}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.activity-type-filter{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--kui-border);border-radius:var(--kui-radius-full);padding:4px;background:#ffffff0a}.activity-type-filter a{display:inline-flex;align-items:center;gap:7px;border-radius:var(--kui-radius-full);padding:7px 10px;color:var(--kui-text-muted);font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}.activity-type-filter a.active{background:#89b4ff29;color:var(--kui-text);box-shadow:inset 0 0 0 1px #89b4ff47}.activity-type-filter strong{min-width:22px;border-radius:var(--kui-radius-full);padding:2px 6px;background:#ffffff14;color:var(--kui-text);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}.pagination a{justify-content:center;min-height:38px;padding:8px 10px;color:var(--kui-info);text-decoration:none}.pagination a.active{border-color:#9b9cff70;background:#9b9cff2e;color:var(--kui-text)}.pagination a.disabled{pointer-events:none;opacity:.45}.sort-form{display:flex;align-items:center;gap:8px}.sort-form label{color:var(--kui-text-muted);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.sort-form select{min-width:160px;padding:9px 12px}.big-number{color:var(--kui-text);font-size:56px;font-weight:950;line-height:1;letter-spacing:-.05em}@media(max-width:1180px){.app-shell{grid-template-columns:1fr;padding:12px}.sidebar{position:relative;top:auto;width:auto;height:auto;padding:12px}.sidebar nav{display:flex;flex-direction:row;overflow-x:auto}.sidebar a{min-width:132px}.ghost{margin-top:0}.topbar{position:relative;top:auto}.grid,.overview-strip{grid-template-columns:1fr}.panel.wide{grid-row:auto}.metrics-filter-grid,.metrics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body{font-size:14px}.app-shell{gap:12px;padding:10px}.login-card,.quick-card,.panel,.modal-card,.confirm-card{border-radius:18px;padding:16px}.quick-card-header,.panel-heading,.advanced-search-toggle-row{display:block}.pill{margin-top:10px}.quick-toggle,.advanced-toggle{width:100%;margin-top:12px}.quick-form,.project-create-form,.quick-schedule-group,.modal-schedule-group,.modal-form,.basic-search-row,.advanced-search-panel,.search-form{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-title,.quick-priority,.quick-status,.quick-project,.quick-progress-top,.quick-description,.quick-due,.quick-recurrence,.quick-recurrence-interval,.quick-actions,.project-name,.project-type,.project-color,.project-description,.project-create-actions,.search-priority,.search-status,.search-project,.search-tag,.search-progress,.search-due,.search-actions{grid-column:1 / -1}.search-filter-section,.search-date-pair{grid-template-columns:1fr}.quick-actions,.project-create-actions,.modal-actions,.confirm-actions{align-items:stretch;flex-direction:column}.task-card{display:grid}.task-actions{grid-auto-flow:column;justify-content:start}.project-kpis,.stat-grid,.metrics-filter-grid,.metrics-stat-grid{grid-template-columns:1fr}.status-summary{grid-template-columns:1fr;justify-items:center}.status-legend{width:100%}.indicator-grid,.habit-summary,.metric-split,.metrics-visual-grid,.metric-ring-layout{grid-template-columns:1fr}.habit-score,.metric-ring{justify-self:center}.project-card-actions{flex-direction:column;align-items:stretch}.sort-form{display:grid;margin-top:12px}.list-toolbar{display:grid;justify-content:stretch;margin-top:12px}.activity-type-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.activity-type-filter a{justify-content:center;min-width:0;padding-inline:8px}}.app-shell,.content,.sidebar,.topbar,.quick-card,.panel,.task-card,.task-main,.modal-card,.confirm-card,.metrics-visual-grid>section,.project-card,.activity-type-filter,.list-toolbar{min-width:0}.task-title,.task-card p,.project-task-line span,.project-task-line small,.topbar h1,.panel-heading h2,.quick-card-header h2,.sidebar strong,.sidebar small{overflow-wrap:anywhere}input,select,textarea,button,.button,.pill{max-width:100%}@media(max-width:1180px){.app-shell{grid-template-columns:1fr!important;gap:14px}.sidebar{position:relative!important;top:auto!important;height:auto!important;width:auto!important}.sidebar nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible!important}.sidebar a{min-width:0!important;width:100%;justify-content:center}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.grid,.task-workspace,.task-overview-layout,.metrics-visual-grid{grid-template-columns:1fr!important}.overview-strip,.project-kpis,.indicator-grid,.habit-summary,.metrics-filter-grid,.metrics-stat-grid,.stat-grid,.quick-form,.project-create-form,.advanced-search-panel,.search-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.advanced-search-form{grid-template-columns:1fr!important}.quick-title,.quick-description,.quick-actions,.search-filter-section,.search-actions,.project-description,.project-create-actions{grid-column:1 / -1!important}.search-priority,.search-status,.search-project,.search-tag,.search-progress,.search-due{grid-column:span 6}.task-card{grid-template-columns:minmax(0,1fr) auto;gap:14px}.task-actions{align-self:start}.weekday-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.modal-schedule-group,.quick-schedule-group{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:761px)and (max-width:1180px){.app-shell{grid-template-columns:clamp(11.5rem,24vw,14rem) minmax(0,1fr)!important;align-items:start;gap:14px;padding:12px}.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)!important}.app-shell.sidebar-collapsed .sidebar{display:none!important}.sidebar{position:sticky!important;top:12px!important;width:auto!important;height:calc(100vh - 24px)!important;padding:12px!important}.sidebar nav{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important}.sidebar a{justify-content:flex-start!important;min-width:0!important;width:100%;text-align:left}.ghost{margin-top:auto}.topbar{position:sticky;top:12px}.metric-project-filter,.metric-date-pair,.search-filter-section,.metric-clear-action{grid-column:1 / -1}.project-create-form{grid-template-columns:repeat(12,minmax(0,1fr))!important}.metric-clear-action{justify-self:end;width:min(180px,100%)}}@media(min-width:761px)and (max-width:900px){.panel-heading,.quick-card-header{display:grid}.list-toolbar,.sort-form,.activity-type-filter{width:100%}.list-toolbar{display:grid;justify-content:stretch;margin-top:12px}.overview-strip,.metrics-visual-grid,.metric-ring-layout{grid-template-columns:1fr!important}.metrics-filter-grid{align-items:end;grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-date-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-clear-action{width:min(180px,100%)}}@media(max-width:760px){.app-shell{padding:8px!important;gap:10px!important}.sidebar{padding:10px!important;border-radius:18px!important}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sidebar a{min-height:44px;padding:9px 10px;text-align:center}.topbar{grid-template-columns:1fr;border-radius:18px;padding:14px}.topbar-actions,.topbar form,.list-toolbar,.sort-form,.activity-type-filter{width:100%}.topbar-actions,.quick-actions,.project-create-actions,.modal-actions,.confirm-actions,.project-card-actions,.list-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.quick-card,.panel,.modal-card,.confirm-card,.task-card,.project-card{border-radius:16px!important;padding:14px!important}.quick-form,.project-create-form,.quick-schedule-group,.modal-schedule-group,.modal-form,.basic-search-row,.advanced-search-panel,.search-form,.overview-strip,.project-kpis,.indicator-grid,.habit-summary,.metric-split,.metrics-visual-grid,.metric-ring-layout,.metrics-filter-grid,.metrics-stat-grid,.stat-grid,.task-card,.project-task-line,.search-filter-section,.search-date-pair{grid-template-columns:1fr!important}.weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.task-actions{grid-auto-flow:row!important;grid-template-columns:1fr!important;justify-content:stretch!important}.task-actions button,.task-actions a,.task-actions form,.search-actions button,.search-actions a,.quick-actions button,.modal-actions button,.confirm-actions button{width:100%}.task-meta,.task-tags,.chip-row{gap:6px}.activity-type-filter{grid-template-columns:1fr!important}.activity-type-filter a{justify-content:flex-start!important}.metric-clear-action{justify-self:stretch;width:100%}.metric-date-pair{grid-template-columns:1fr}}@media(max-width:430px){.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.sidebar a{min-height:40px;padding:8px 6px;gap:6px;font-size:11px}.nav-icon{width:14px;height:14px;flex-basis:14px}.ghost{min-height:40px;padding:8px 10px}.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-card,.panel,.task-card,.project-card{padding:12px!important}}@media(max-width:760px){.app-shell{display:block;padding:9px}.content{display:grid;gap:12px}.topbar{position:sticky!important;top:0!important;z-index:58;grid-template-columns:minmax(0,1fr);gap:10px;border-radius:18px;padding:12px;background:color-mix(in srgb,var(--kui-surface) 94%,black);box-shadow:0 14px 34px #0000004d}.topbar-title-group{align-items:center}.topbar-title h1{font-size:24px}.topbar .pill{width:100%;justify-content:center;margin-top:0}.sidebar{position:fixed!important;left:9px;right:9px;top:78px!important;z-index:70;width:auto!important;max-height:calc(100dvh - 90px);height:auto!important;overflow:auto!important;border-radius:18px;padding:12px!important;background:color-mix(in srgb,var(--kui-surface-raised) 96%,black);box-shadow:0 24px 54px #00000085}.sidebar .logo-row{padding:2px 2px 10px}.sidebar nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;padding-right:0}.sidebar a,.ghost{width:100%;min-height:44px;justify-content:flex-start;padding:10px 11px;font-size:13px}.sidebar form{width:100%}}