:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius-sm:6px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f11150f;--shadow:0 4px 14px #0f111514;--shadow-lg:0 18px 50px #0f111538;--sidebar-w:248px;--topbar-h:60px;--bottomnav-h:64px;--tap:44px;--z-sticky:20;--z-nav:30;--z-drawer:40;--z-modal:50;--z-menu:60;--z-toast:70;--ease:cubic-bezier(.2, .8, .2, 1);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--surface-3:#e7eaef;--border:#dde1e7;--border-strong:#c5cbd4;--text:#121620;--text-2:#3b4352;--muted:#5d6676;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef0ff;--on-primary:#fff;--danger:#c81e1e;--danger-soft:#fdecec;--warning:#b45309;--warning-soft:#fdf3e2;--success:#15803d;--success-soft:#e8f7ee;--info:#1d4ed8;--info-soft:#e8efff;--p-urgent:#dc2626;--p-high:#ea580c;--p-medium:#ca8a04;--p-low:#16a34a;--focus:#4f46e5;--overlay:#0f111573;--skeleton:#e6e9ee}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#161920;--surface-2:#1d2129;--surface-3:#262b35;--border:#2a303b;--border-strong:#3a414e;--text:#e9ebf0;--text-2:#c6cad3;--muted:#9aa2b1;--primary:#8b93ff;--primary-hover:#a3a9ff;--primary-soft:#23264a;--on-primary:#0f1115;--danger:#ff6b6b;--danger-soft:#3a1c1f;--warning:#f5a524;--warning-soft:#3a2a12;--success:#4ade80;--success-soft:#16301f;--info:#7aa7ff;--info-soft:#1a2640;--p-urgent:#ff5d5d;--p-high:#ff8a3d;--p-medium:#f2c94c;--p-low:#4ade80;--focus:#a3a9ff;--overlay:#0009;--skeleton:#232833;--shadow:0 4px 14px #00000059;--shadow-lg:0 18px 50px #0000008c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:650;line-height:1.25}h1{letter-spacing:-.015em;font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--primary)}code,.mono{font-family:var(--mono);font-size:.86em}button,input,select,textarea{font:inherit;color:inherit}img,svg{flex-shrink:0}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);padding:8px 12px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100%;display:grid}.sidebar{height:100vh;background:var(--surface);border-right:1px solid var(--border);height:100dvh;z-index:var(--z-nav);flex-direction:column;gap:2px;padding:14px 10px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text);align-items:center;gap:10px;padding:6px 10px 14px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand-logo{width:28px;height:28px}.nav-item{border-radius:var(--radius-sm);min-height:38px;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:6px 10px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item[aria-current=page]{background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);font-weight:600}.nav-emoji{text-align:center;width:20px}.nav-count{background:var(--surface-3);min-width:22px;color:var(--text-2);text-align:center;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.78rem;font-weight:600}.nav-count.alert{background:var(--danger-soft);color:var(--danger)}.nav-section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 10px 4px;font-size:.72rem;font-weight:650}.sidebar-footer{flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:var(--z-sticky);min-height:var(--topbar-h);padding:10px 20px;padding-top:calc(10px + var(--safe-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar-title{font-weight:650;display:none}.content{width:100%;max-width:1280px;margin:0 auto;padding:22px 20px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head .sub{color:var(--muted);margin-top:2px;font-size:.9rem}.bottom-nav{display:none}.offline-banner{background:var(--warning-soft);color:var(--warning);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:600;display:flex}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.sidebar.open{width:min(86vw,320px);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);display:flex;position:fixed;inset:0 auto 0 0}.topbar{padding:8px 12px;padding-top:calc(8px + var(--safe-top))}.topbar-title{display:block}.content{padding:14px 12px calc(var(--bottomnav-h) + 28px + var(--safe-bottom))}.bottom-nav{z-index:var(--z-nav);height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{color:var(--muted);min-height:var(--tap);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;text-decoration:none;display:flex}.bottom-nav a[aria-current=page]{color:var(--primary);font-weight:600}.bottom-nav .fab{background:var(--primary);width:52px;height:52px;color:var(--on-primary);box-shadow:var(--shadow);border-radius:50%;justify-self:center;margin:-18px auto 0}.hide-mobile{display:none!important}}@media (min-width:901px){.hide-desktop{display:none!important}}.scrim{background:var(--overlay);z-index:calc(var(--z-drawer) - 1);position:fixed;inset:0}.btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-strong);border-radius:var(--radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:38px;color:var(--btn-fg);cursor:pointer;white-space:nowrap;transition:background .12s var(--ease), border-color .12s var(--ease), transform 60ms var(--ease);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){--btn-bg:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.primary{--btn-bg:var(--primary);--btn-fg:var(--on-primary);--btn-border:var(--primary);box-shadow:0 1px 2px color-mix(in srgb, var(--primary) 35%, transparent), inset 0 1px 0 #ffffff1f}.btn.primary:hover:not(:disabled){--btn-bg:var(--primary-hover);--btn-border:var(--primary-hover)}.btn.danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-border:var(--danger)}.btn.danger:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{--btn-bg:transparent;--btn-border:transparent}.btn.ghost:hover:not(:disabled){--btn-bg:var(--surface-2)}.btn.sm{min-height:32px;padding:4px 10px;font-size:.85rem}.btn.lg{min-height:46px;padding:10px 18px;font-size:1rem}.btn.block{width:100%}.btn.icon{width:38px;padding:0}.btn.icon.sm{width:32px}.btn .spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.btn{min-height:var(--tap)}.btn.icon{width:var(--tap)}.btn.sm{min-height:38px}}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;align-items:center;gap:10px;max-width:100%;min-height:36px;padding:0;display:inline-flex}.toggle>span:last-child{overflow-wrap:anywhere;min-width:0}.toggle-track{background:var(--surface-3);border:1px solid var(--border-strong);width:64px;height:28px;transition:background .15s var(--ease);border-radius:999px;flex-shrink:0;position:relative}.toggle-track:after{content:"";background:var(--surface);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-state{letter-spacing:.04em;font-size:.66rem;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.toggle[aria-checked=false] .toggle-state{color:var(--muted);right:8px}.toggle[aria-checked=true] .toggle-track{background:var(--primary);border-color:var(--primary)}.toggle[aria-checked=true] .toggle-track:after{transform:translate(36px)}.toggle[aria-checked=true] .toggle-state{color:var(--on-primary);left:9px}.toggle:disabled{opacity:.55;cursor:not-allowed}.chip{border:1px solid var(--border-strong);background:var(--surface);min-height:34px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.86rem;font-weight:550;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true],.chip[aria-checked=true],.chip.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.chip .x{margin-right:-4px;display:inline-flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.badge{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.76rem;font-weight:650;line-height:1.6;display:inline-flex}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.prio{align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:inline-flex}.prio:before{content:"";background:currentColor;border-radius:50%;width:9px;height:9px}.prio.URGENT{color:var(--p-urgent)}.prio.HIGH{color:var(--p-high)}.prio.MEDIUM{color:var(--p-medium)}.prio.LOW{color:var(--p-low)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:16px}.section{margin-bottom:22px}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-head h2{align-items:center;gap:8px;display:flex}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;min-width:0;transition:box-shadow .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);flex-direction:column;gap:8px;padding:14px 14px 10px;display:flex;position:relative}.tile:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.tile.URGENT{border-left-color:var(--p-urgent)}.tile.HIGH{border-left-color:var(--p-high)}.tile.MEDIUM{border-left-color:var(--p-medium)}.tile.LOW{border-left-color:var(--p-low)}.tile.selected,.row.selected{outline:2px solid var(--primary);outline-offset:-1px}.tile-title{overflow-wrap:anywhere;font-weight:620;line-height:1.35}.tile-title.done{color:var(--muted);text-decoration:line-through}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;display:flex}.meta span{align-items:center;gap:4px;min-width:0;display:inline-flex}.overdue-text{color:var(--danger);font-weight:650}.tile-actions{border-top:1px dashed var(--border);gap:2px;margin-top:auto;padding-top:4px;display:flex}.tile-actions .btn.ghost{color:var(--muted)}.tile-actions .btn.ghost:hover:not(:disabled){color:var(--text)}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.row{border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;touch-action:pan-y;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:grid;position:relative}.row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row:focus-visible{outline-offset:-2px}.row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.row-title.done{color:var(--muted);text-decoration:line-through}.row-wrap{position:relative;overflow:hidden}.row-wrap+.row-wrap .row{border-top:1px solid var(--border)}.list>.row-wrap .row{border-bottom:0}.row-side{align-items:center;gap:6px;display:flex}.row-ref{margin-right:4px}.row-actions{align-items:center;gap:0;display:flex}.btn.qa{color:var(--muted)}.btn.qa:hover:not(:disabled),.btn.qa:focus-visible{color:var(--text)}.btn.qa-danger:hover:not(:disabled){color:var(--danger);--btn-bg:var(--danger-soft)}.btn.qa-success:hover:not(:disabled){color:var(--success);--btn-bg:var(--success-soft)}@media (hover:hover){.row .row-actions{opacity:.7;transition:opacity .12s var(--ease)}.row:hover .row-actions,.row:focus-within .row-actions,.row.selected .row-actions{opacity:1}}.check{border:2px solid var(--border-strong);cursor:pointer;color:#0000;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.check:hover:not(:disabled){border-color:var(--success);color:var(--success)}.check.done{background:var(--success);border-color:var(--success);color:#fff}.select-box{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.swipe-hint{color:#fff;pointer-events:none;align-items:center;padding:0 18px;font-weight:700;display:flex;position:absolute;inset:0}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.label{color:var(--text-2);font-size:.84rem;font-weight:650}.hint{color:var(--muted);font-size:.8rem}.error-text{color:var(--danger);font-size:.82rem;font-weight:550}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:40px;color:var(--text);padding:8px 11px}.textarea{resize:vertical;min-height:84px}.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.85}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .span-2{grid-column:1/-1}@media (max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}.input,.select,.textarea{font-size:16px}}.segmented{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:520px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.type-card{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:10px 12px;display:flex}.type-card:hover{background:var(--surface-2)}.type-card[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.type-card strong{font-size:.9rem}.type-card span{color:var(--muted);font-size:.76rem}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;display:grid}.date-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.date-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;min-height:52px;padding:8px 10px;display:flex}.date-btn:hover{background:var(--surface-2)}.date-btn[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.date-btn strong{font-size:.88rem}.date-btn span{color:var(--muted);font-size:.76rem}.resolved-date{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.inline-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.stack.sm{gap:8px}.divider{background:var(--border);height:1px;margin:6px 0}.modal-root{z-index:var(--z-modal);background:var(--overlay);animation:fade .12s var(--ease);justify-content:center;align-items:flex-start;padding:5vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg);max-height:90vh;max-height:90dvh;animation:pop .14s var(--ease);flex-direction:column;display:flex}.modal.wide{max-width:860px}.modal.narrow{max-width:440px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.modal-body{overscroll-behavior:contain;padding:16px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.modal-foot .left{color:var(--muted);margin-right:auto;font-size:.85rem}@media (max-width:640px){.modal-root{align-items:flex-end;padding:0}.modal,.modal.wide,.modal.narrow{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:94vh;max-height:94dvh}.modal-foot{padding-bottom:calc(12px + var(--safe-bottom))}.modal-foot .btn{flex:1}.modal-foot .left{display:none}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.99)}}body.no-scroll{overflow:hidden}.menu-anchor{display:inline-flex;position:relative}.menu{z-index:var(--z-menu);overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;max-width:min(320px,100vw - 16px);max-height:min(440px,100vh - 16px);box-shadow:var(--shadow-lg);animation:pop .1s var(--ease);flex-direction:column;padding:6px;display:flex;position:fixed;overflow-y:auto}.menu-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;min-height:36px;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-2);outline:none}.menu-item.danger{color:var(--danger)}.menu-item .right{color:var(--muted);margin-left:auto;font-size:.8rem}.menu-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 10px 4px;font-size:.72rem;font-weight:650}.menu-sep{background:var(--border);height:1px;margin:4px 0}.toasts{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;width:min(400px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}@media (max-width:900px){.toasts{width:auto;left:16px;right:16px;bottom:calc(var(--bottomnav-h) + 12px + var(--safe-bottom))}}.toast{pointer-events:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:pop .14s var(--ease);align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;display:flex}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}.toast-body{flex:1;min-width:0;font-size:.9rem}.toast-body strong{display:block}.toast-actions{align-items:center;gap:4px;display:flex}.empty,.error-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:36px 16px;display:flex}.empty .big,.error-state .big{font-size:2rem}.empty strong,.error-state strong{color:var(--text);font-size:1rem}.error-state{border:1px dashed var(--danger);border-radius:var(--radius);background:var(--danger-soft)}.error-state strong{color:var(--danger)}.skeleton{background:linear-gradient(90deg, var(--skeleton), var(--surface-2), var(--skeleton));border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.inline-alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.inline-alert.warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 40%, transparent);color:var(--text)}.inline-alert.danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.inline-alert.info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 40%, transparent)}.inline-alert.success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.toolbar .grow{flex:1;min-width:180px}.toolbar .search-box{flex:240px;min-width:200px}@media (max-width:640px){.toolbar .search-box{flex-basis:100%;max-width:none}}.search-box{flex:1;min-width:0;max-width:520px;position:relative}.search-box svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box .input{padding-left:36px;padding-right:60px}.kbd{border:1px solid var(--border-strong);min-width:22px;height:22px;font-family:var(--mono);color:var(--text-2);background:var(--surface-2);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:.74rem;display:inline-flex}.search-box .kbd{position:absolute;top:50%;right:9px;transform:translateY(-50%)}.bulk-bar{z-index:var(--z-sticky);background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:12px}@media (max-width:900px){.bulk-bar{bottom:calc(var(--bottomnav-h) + 10px + var(--safe-bottom))}}.detail{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}@media (max-width:1000px){.detail{grid-template-columns:minmax(0,1fr)}}.kv{grid-template-columns:130px minmax(0,1fr);gap:8px 12px;font-size:.9rem;display:grid}.kv dt{color:var(--muted)}aside .kv{grid-template-columns:84px minmax(0,1fr)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.timeline{flex-direction:column;display:flex}.tl-item{grid-template-columns:16px minmax(0,1fr);gap:10px;padding-bottom:14px;display:grid;position:relative}.tl-item:before{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:0;left:7px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--primary);border-radius:50%;width:12px;height:12px;margin-top:4px;margin-left:2px}.tl-time{color:var(--muted);font-size:.78rem}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.attach{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:10px;padding:8px 10px;display:flex}.attach-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);width:44px;height:44px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;padding:16px}.dropzone.drag{border-color:var(--primary);background:var(--primary-soft)}.cal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.cal-head{color:var(--muted);text-align:center;background:var(--surface-2);border-bottom:1px solid var(--border);padding:8px;font-size:.78rem;font-weight:650}.cal-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:3px;min-width:0;min-height:108px;padding:6px;display:flex}.cal-day:nth-child(7n){border-right:0}.cal-day.other{background:var(--surface-2);color:var(--muted)}.cal-day.off{background:repeating-linear-gradient(135deg, transparent 0 6px, var(--surface-2) 6px 12px)}.cal-day.today .cal-num{background:var(--primary);color:var(--on-primary)}.cal-num{border-radius:11px;justify-content:center;align-self:flex-start;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:.78rem;font-weight:650;display:inline-flex}.cal-task{background:var(--surface-3);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left;color:var(--text);border:0;border-left:3px solid var(--border-strong);border-radius:4px;padding:2px 6px;font-size:.74rem;overflow:hidden}.cal-task.URGENT{border-left-color:var(--p-urgent)}.cal-task.HIGH{border-left-color:var(--p-high)}.cal-task.MEDIUM{border-left-color:var(--p-medium)}.cal-task.LOW{border-left-color:var(--p-low)}@media (max-width:700px){.cal-day{min-height:64px;padding:3px}.cal-task{height:6px;padding:0;font-size:0}}.tl-group{margin-bottom:16px}.tl-group h3{color:var(--muted);top:var(--topbar-h);background:var(--bg);z-index:1;margin-bottom:6px;padding:4px 0;font-size:.9rem;position:sticky}.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:22px;display:grid}.stat{--tone:var(--muted);--tone-soft:var(--surface-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);transition:border-color .12s var(--ease), box-shadow .12s var(--ease), transform .12s var(--ease);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}a.stat:hover{border-color:var(--tone);box-shadow:var(--shadow);transform:translateY(-1px)}.stat.tone-danger{--tone:var(--danger);--tone-soft:var(--danger-soft)}.stat.tone-primary{--tone:var(--primary);--tone-soft:var(--primary-soft)}.stat.tone-warning{--tone:var(--warning);--tone-soft:var(--warning-soft)}.stat.tone-info{--tone:var(--info);--tone-soft:var(--info-soft)}.stat.tone-success{--tone:var(--success);--tone-soft:var(--success-soft)}.stat-icon{background:var(--tone-soft);width:38px;height:38px;color:var(--tone);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat.zero .stat-icon{background:var(--surface-2);color:var(--muted)}.stat-text{flex-direction:column;min-width:0;display:flex}.stat .n{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:750;line-height:1.1}.stat.zero .n{color:var(--muted)}.stat .l{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:550;overflow:hidden}.stat.alert{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:linear-gradient(135deg, var(--danger-soft), var(--surface) 70%)}.stat.alert .n{color:var(--danger)}@media (max-width:640px){.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.stat{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.stat-icon{border-radius:8px;width:28px;height:28px}.stat-icon svg{width:15px;height:15px}.stat .n{font-size:1.2rem}.stat .l{font-size:.74rem}}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);font-size:.76rem;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.settings{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-nav{top:calc(var(--topbar-h) + 16px);max-height:calc(100dvh - var(--topbar-h) - 32px);flex-direction:column;gap:2px;padding-right:2px;display:flex;position:sticky;overflow-y:auto}.settings-nav-group{flex-direction:column;gap:2px;display:flex}.settings-nav-group:first-child .nav-section{margin-top:0}.settings-nav-icon{background:var(--surface-2);width:30px;height:30px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-item[aria-current=page] .settings-nav-icon{background:var(--primary);color:var(--on-primary)}.settings-nav-text{flex-direction:column;min-width:0;display:flex}.settings-nav-desc{color:var(--muted);font-size:.8rem;font-weight:400;display:none}.settings-nav-chevron{color:var(--muted);margin-left:auto;display:none}.settings-back{display:none}.settings-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-head-icon{background:var(--primary-soft);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-body{min-width:0;max-width:860px}@media (min-width:901px){.settings-nav .settings-nav-item{min-height:34px;padding:3px 8px}.settings-nav .settings-nav-icon{border-radius:7px;width:26px;height:26px}.settings-nav .nav-section{margin:10px 8px 2px}}@media (max-width:900px){.settings{grid-template-columns:minmax(0,1fr)}.settings.at-index .settings-body,.settings.has-section .settings-nav,.settings-page-head.has-section{display:none}.settings-nav{max-height:none;position:static;overflow:visible}.settings-nav-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:14px;overflow:hidden}.settings-nav-group .nav-section{background:var(--surface-2);margin:0;padding:10px 14px 6px}.settings-nav .settings-nav-item{border-top:1px solid var(--border);border-radius:0;min-height:60px;padding:10px 14px}.settings-nav .nav-item[aria-current=page]{color:var(--text-2);background:0 0}.nav-item[aria-current=page] .settings-nav-icon{background:var(--surface-2);color:var(--text-2)}.settings-nav-desc,.settings-nav-chevron{display:block}.settings-back{min-height:var(--tap);color:var(--primary);align-items:center;gap:6px;margin:-8px 0 4px;font-weight:500;text-decoration:none;display:inline-flex}}.panel{padding:0;overflow:hidden}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 0;display:flex}.panel-head-text{flex-direction:column;flex:260px;gap:3px;min-width:0;display:flex}.panel-head h3{font-size:1rem}.panel-body{flex-direction:column;gap:12px;padding:14px 18px 16px;display:flex}.panel-foot{border-top:1px solid var(--border);background:var(--surface-2);padding:12px 18px}.panel-danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.panel-body>.setting-row:first-child,.panel-body>.stack:first-child>.setting-row:first-child{border-top:0;padding-top:0}.setting-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.setting-title{font-weight:550}.setting-control{flex:none;justify-content:flex-end;display:flex}.setting-control>.input,.setting-control>.select{width:220px}.setting-control>.input[type=time],.setting-control>.input[type=number]{width:140px}@media (max-width:640px){.setting-row{flex-direction:column;align-items:stretch;gap:8px}.setting-control{justify-content:flex-start}.setting-control>.input,.setting-control>.select{width:100%}}.save-bar{z-index:var(--z-sticky);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:save-bar-in .18s var(--ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex;position:sticky;bottom:16px}@media (max-width:900px){.save-bar{bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 10px)}}@keyframes save-bar-in{0%{opacity:0;transform:translateY(8px)}}.save-bar-text{align-items:center;gap:8px;font-weight:550;display:inline-flex}.save-dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.profile-card{flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex}.profile-text{flex:200px;min-width:0}.avatar-lg{background:var(--primary-soft);width:52px;height:52px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:inline-flex}.callout{border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--border-strong);padding:12px 14px}.code-chip{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);word-break:break-all;padding:6px 10px;font-size:.95rem;display:inline-block}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.choice{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--primary);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.choice:disabled{cursor:not-allowed;opacity:.6;color:var(--muted)}.choice-title{color:var(--text);font-weight:650}.steps{flex-direction:column;gap:16px;margin:0;padding-left:20px;display:flex}.steps li>strong{margin-bottom:4px;display:inline-block}.qr{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;width:200px;max-width:100%;margin:10px 0;padding:8px}.qr svg{width:100%;height:auto;display:block}.recovery-codes{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:12px;list-style:none;display:grid}.recovery-codes code{letter-spacing:.04em;font-size:1rem}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.form-grid.three{grid-template-columns:minmax(0,1fr)}}.day-chips{flex-wrap:wrap;gap:8px;display:flex}.day-chip{min-width:56px;min-height:var(--tap);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:0 12px;font-weight:550}.day-chip.wide{min-width:80px}.day-chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.day-chip.partial{background:repeating-linear-gradient(135deg, var(--primary-soft) 0 6px, var(--surface) 6px 12px);color:var(--primary);cursor:default;border-style:dashed}.shortcut-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 28px;display:grid}.shortcut-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.74rem}.shortcut-group ul{margin:0;padding:0;list-style:none}.shortcut-group li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.shortcut-group li:last-child{border-bottom:0}.shortcut-keys,.shortcut-alt{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.shortcut-keys{gap:6px}.nav-kbd{opacity:.6;min-width:20px;height:20px;margin-left:6px;font-size:.7rem;transition:opacity .12s}.nav-kbd.solo{margin-left:auto}.sidebar:hover .nav-kbd,.sidebar:focus-within .nav-kbd{opacity:1}.kbd-on-primary{border-color:color-mix(in srgb, var(--on-primary) 45%, transparent);color:var(--on-primary);background:0 0;min-width:20px;height:20px;margin-left:4px;font-size:.7rem}@media (pointer:coarse){.hide-touch,.nav-kbd{display:none!important}}.auth-wrap{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:400px}.pin-wrap{position:relative}.pin-input{letter-spacing:.3em;padding-right:44px;font-size:1.1rem}.pin-reveal{width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pin-reveal:hover{color:var(--text);background:var(--surface-2)}.otp-input{letter-spacing:.35em;font-size:1.25rem;font-family:var(--mono);text-align:center}.action-bar{flex-wrap:wrap;gap:8px;display:flex}.btn.btn-danger-soft{color:var(--danger)}.btn.btn-danger-soft:hover:not(:disabled){--btn-bg:var(--danger-soft);--btn-border:color-mix(in srgb, var(--danger) 45%, var(--border-strong))}@media (max-width:640px){.page-head>.inline-row:has(.action-bar){width:100%}.action-bar{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.action-bar .btn{min-width:0;padding-inline:8px}.action-bar .btn.primary{grid-column:1/-1}.detail>aside{order:-1}}.prio-chips{flex-wrap:wrap;gap:6px;display:flex}.prio-chip{--c:var(--muted);border:1px solid var(--border-strong);background:var(--surface);min-height:30px;color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.prio-chip.URGENT{--c:var(--p-urgent)}.prio-chip.HIGH{--c:var(--p-high)}.prio-chip.MEDIUM{--c:var(--p-medium)}.prio-chip.LOW{--c:var(--p-low)}.prio-dot{background:var(--c);border-radius:50%;width:9px;height:9px}.prio-chip:hover{border-color:var(--c)}.prio-chip[aria-checked=true]{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, var(--surface));color:var(--text)}@media (pointer:coarse){.prio-chip{min-height:38px}}.menu-custom{padding:2px 0 4px}.theme-switch{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.theme-switch .menu-item{color:var(--muted);flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;font-size:.78rem;font-weight:600}.theme-switch .menu-item[aria-checked=true]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.scope-card{text-align:left;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 14px 44px;display:flex;position:relative}.scope-card:hover{border-color:var(--primary)}.scope-card.danger:hover{border-color:var(--danger)}.scope-radio{border:2px solid var(--border-strong);border-radius:50%;width:18px;height:18px;position:absolute;top:16px;left:14px}.scope-card[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft)}.scope-card.danger[aria-checked=true]{border-color:var(--danger);background:var(--danger-soft)}.scope-card[aria-checked=true] .scope-radio{border-color:var(--primary);box-shadow:inset 0 0 0 4px var(--surface);background:var(--primary)}.scope-card.danger[aria-checked=true] .scope-radio{border-color:var(--danger);background:var(--danger)}.count-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.count-grid li{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;padding:8px 10px;display:flex}.count-grid strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.count-grid span{color:var(--muted);font-size:.78rem}.muted{color:var(--muted)}.small{font-size:.85rem}.nowrap{white-space:nowrap}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flex{display:flex}.gap-sm{gap:6px}.gap{gap:12px}.wrap{flex-wrap:wrap}.center{align-items:center}.between{justify-content:space-between}.mt{margin-top:12px}.mb{margin-bottom:12px}.w-full{width:100%}.spacer{flex:1}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}