:root{--paper: oklch(98.2% .006 80);--paper-2: oklch(96.5% .008 80);--surface: oklch(99.5% .003 80);--surface-2: oklch(97% .006 80);--ink: oklch(22% .012 60);--ink-2: oklch(36% .012 60);--ink-3: oklch(52% .012 60);--ink-4: oklch(72% .01 60);--line: oklch(91% .008 80);--line-2: oklch(85% .01 80);--accent: oklch(58% .115 38);--accent-ink: oklch(38% .09 38);--accent-soft: oklch(94% .025 50);--positive: oklch(54% .09 155);--positive-soft:oklch(94% .03 155);--warn: oklch(64% .13 75);--warn-soft: oklch(95% .04 80);--serif: "Newsreader", ui-serif, Georgia, serif;--sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 22px;--dens: 1}*,*:before,*:after{box-sizing:border-box}html,body,app-root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grow{flex:1;min-width:0}.display{font-family:var(--sans);font-weight:500;letter-spacing:-.02em;line-height:1.05}.h1{font-family:var(--sans);font-size:36px;font-weight:500;letter-spacing:-.025em;line-height:1.05;margin:0}.h2{font-family:var(--sans);font-size:22px;font-weight:500;letter-spacing:-.015em;line-height:1.15;margin:0}.label{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-3)}.micro{font-size:12px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.num{font-variant-numeric:tabular-nums}.avatar.av-1,.av-1{background:oklch(94% .04 38);color:#6c3726;border-color:#eac9be}.avatar.av-2,.av-2{background:#d9f3dd;color:#1d4e2b;border-color:#bfd9c3}.avatar.av-3,.av-3{background:oklch(94% .04 240);color:#0d4768;border-color:#bad5e9}.avatar.av-4,.av-4{background:#fae9ce;color:#5e4205;border-color:#dfcfb4}.avatar.av-5,.av-5{background:#f8e3fc;color:#55335d;border-color:#ddc9e2}.div{height:1px;background:var(--line)}@media (max-width: 520px){.hide-sm{display:none!important}}@media (min-width: 761px){.hide-md{display:none!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:calc(20px * var(--dens))}.card-flat{background:var(--surface-2);border-radius:var(--r-3);padding:calc(16px * var(--dens))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:500;font-size:14.5px;transition:transform .08s ease,background .12s ease,border-color .12s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--paper);border-color:var(--accent);transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn.primary:hover{background:var(--accent-ink)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.accent:hover{filter:brightness(.96)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:34px;padding:0 14px;font-size:13.5px}.btn.lg{height:52px;padding:0 24px;font-size:16px}.btn.icon{width:40px;padding:0}.field{width:100%;height:46px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface);color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s,background .12s}.field:focus{border-color:var(--ink-2);box-shadow:0 0 0 4px var(--accent-soft)}textarea.field{padding:12px 14px;height:auto;min-height:88px;resize:vertical;line-height:1.4}.field-label{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--ink-2);border:1px solid transparent;text-decoration:none;cursor:pointer;background:transparent}.nav-item:hover{background:#00000008;color:var(--ink)}.nav-item.active{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 1px #00000005}.nav-item .ico{width:18px;height:18px;flex:0 0 18px;opacity:.85}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border:0;background:transparent;color:var(--ink-3);font-size:11px;font-weight:500;border-radius:10px;cursor:pointer;text-decoration:none}.tab-item.active{color:var(--ink)}.tab-item .ico{width:22px;height:22px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);font-weight:500}.chip.dot:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.chip.positive{background:var(--positive-soft);color:var(--positive);border-color:transparent}.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.chip.accent{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.avatar{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.avatar.lg{width:52px;height:52px;font-size:18px}.scrim{position:fixed;inset:0;z-index:50;background:#221e1652;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}@media (min-width: 761px){.scrim{align-items:center;padding:40px}}.sheet{background:var(--paper);width:100%;max-width:560px;border-radius:22px 22px 0 0;border-top:1px solid var(--line);padding:18px 18px calc(18px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto;animation:slide .22s cubic-bezier(.2,.7,.2,1)}@media (min-width: 761px){.sheet{border-radius:22px;max-height:84vh;padding:24px}}.sheet-handle{width:38px;height:4px;border-radius:999px;background:var(--line-2);margin:0 auto 12px}@media (min-width: 761px){.sheet-handle{display:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border-radius:10px;border:1px solid var(--line)}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:8px;color:var(--ink-2);font-size:13px;font-weight:500}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000a}.stat-num{font-family:var(--sans);font-size:36px;font-weight:400;letter-spacing:-.02em;line-height:1}.stat-num small{font-family:var(--sans);font-size:14px;color:var(--ink-3);margin-left:6px;font-weight:500}.list-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row.hover{cursor:pointer;transition:background .1s;margin:0 -14px;padding-left:14px;padding-right:14px;border-radius:10px;border-bottom:1px solid var(--line)}.list-row.hover:hover{background:var(--surface-2)}.day-cell{aspect-ratio:1 / 1.05;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface);display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:background .1s,border-color .1s;min-height:68px;min-width:0;font:inherit;text-align:left}.day-cell:hover{background:var(--surface-2)}.day-cell.today{border-color:var(--ink)}.day-cell.outside{background:transparent;color:var(--ink-4)}.day-cell .dnum{font-size:12px;font-weight:500;color:var(--ink-2)}.day-cell.today .dnum{color:var(--ink);font-weight:600}.day-cell .pip{height:4px;border-radius:999px;background:var(--accent)}.paper{background:#fff;border:1px solid var(--line);border-radius:var(--r-3);padding:36px;color:#1a1511;font-family:var(--sans);box-shadow:0 1px #00000005,0 12px 30px -20px #0000002e}@media (max-width: 600px){.paper{padding:22px}}.paper h1{font-family:var(--sans);font-size:32px;font-weight:400;letter-spacing:-.015em;margin:0}.paper .lt{color:#635c57}.paper table.tab{width:100%;border-collapse:collapse}.paper table.tab th,.paper table.tab td{text-align:left;padding:10px 6px;border-bottom:1px solid oklch(92% .008 60);font-size:13.5px;vertical-align:top}.paper table.tab th{font-weight:500;color:#635c57;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.paper table.tab td.r,.paper table.tab th.r{text-align:right;font-variant-numeric:tabular-nums}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:999px;font-size:14px;z-index:60;box-shadow:0 12px 30px -10px #0000004d;animation:toast .25s ease}@media (min-width: 761px){.toast{bottom:28px}}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:50px;padding:0 22px;width:100%;background:#fff;border:1px solid oklch(82% .008 60);border-radius:12px;font-weight:500;color:#1f1915;font-size:15px;cursor:pointer;text-decoration:none}.gbtn:hover{background:#fbf8f5}.app-shell{min-height:100%;display:flex}.nav-side{width:232px;flex:0 0 232px;border-right:1px solid var(--line);background:var(--paper-2);padding:24px 18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.nav-bottom{display:none}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.main-pad{padding:28px 36px 96px;max-width:1080px;width:100%;margin:0 auto}.mobile-top-bar{display:none}@media (max-width: 760px){.nav-side{display:none}.nav-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#faf7f0eb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around}.main-pad{padding:16px 16px 100px}.mobile-top-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#faf7f0eb;backdrop-filter:blur(20px) saturate(180%);z-index:20}}.login-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper)}.login-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:24px;text-align:center}.login-card .lead{font-family:var(--sans);font-size:28px;letter-spacing:-.015em;line-height:1.2;margin:0;color:var(--ink)}.login-card .sub{color:var(--ink-3);font-size:14.5px;line-height:1.5}