:root{--font-display: "Sora", ui-sans-serif, system-ui, sans-serif;--font-body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--bg: #F5F6FA;--bg-2: #EAEDF4;--surface: #FFFFFF;--ink: #1A1C22;--ink-soft: #4C5261;--ink-faint: #939598;--line: #E3E6EE;--line-strong: #C9CEDC;--primary: #02246D;--primary-600: #011B53;--primary-700: #01133C;--primary-tint: #E4E9F6;--on-primary: #FFFFFF;--accent: #C97716;--accent-tint: #FAEFDD;--danger: #C24238;--danger-tint: #F8E5E2;--success: #2F8F5B;--success-tint: #E4F1E9;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(2, 36, 109, .05), 0 1px 3px rgba(20, 23, 30, .04);--shadow-md: 0 8px 24px rgba(2, 36, 109, .1);--shadow-lg: 0 20px 50px rgba(2, 36, 109, .18);--app-max: 480px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{height:100%;max-width:var(--app-max);margin:0 auto;background:var(--bg);position:relative;display:flex;flex-direction:column}@media(min-width:520px){html,body{overflow:hidden}.app-shell{height:min(880px,calc(100vh - 32px));margin:16px auto;border-radius:30px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid rgba(255,255,255,.6)}body{background:radial-gradient(1200px 600px at 20% -10%,#E7ECF8 0%,transparent 60%),radial-gradient(900px 500px at 120% 10%,var(--primary-tint) 0%,transparent 55%),var(--bg-2)}}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.h1{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.02em;line-height:1.08}.h2{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.015em}.h3{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.tnum{font-variant-numeric:tabular-nums}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(18px + var(--safe-t)) 18px calc(24px + var(--safe-b))}.screen>*{flex-shrink:0}.stack{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.row{display:flex;align-items:center}.between{justify-content:space-between}.grow{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.card.tight{padding:14px}.card.flush{padding:0;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 20px;border-radius:var(--r-pill);border:1px solid transparent;background:var(--surface);font-weight:600;font-size:15.5px;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease,opacity .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 18px #02246d40}.btn-primary:active{background:var(--primary-600)}.btn-ghost{background:var(--primary-tint);color:var(--primary-700)}.btn-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-danger{background:var(--danger-tint);color:var(--danger)}.btn-block{width:100%}.btn-sm{height:38px;padding:0 14px;font-size:14px}.label{display:block;font-weight:600;font-size:13.5px;color:var(--ink-soft);margin:0 0 7px 3px}.input,.textarea,.select{width:100%;background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:14px 15px;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-tint)}.textarea{resize:vertical;min-height:92px;line-height:1.45}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;background:var(--bg-2);color:var(--ink-soft);border:1px solid var(--line)}.chip.on{background:var(--primary);color:var(--on-primary);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;letter-spacing:.01em}.badge.ok{background:var(--success-tint);color:var(--success)}.badge.warn{background:var(--accent-tint);color:#b45e1e}.badge.neutral{background:var(--bg-2);color:var(--ink-soft)}.badge.bad{background:var(--danger-tint);color:var(--danger)}.listrow{display:flex;align-items:center;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:none}.listrow .lead{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700);font-weight:700;flex:none}.avatar{width:46px;height:46px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex:none}.brandmark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font-family:var(--font-display);font-weight:800;font-size:30px;box-shadow:0 10px 24px #02246d4d}.wordmark{color:var(--primary)}.wordmark svg{display:block;width:100%;height:auto}img.wordmark{display:block;height:auto}.btn-sso{justify-content:flex-start;gap:12px;padding:0 18px}.btn-sso .grow-label{flex:1;text-align:center;margin-right:28px}.divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.topbar{padding:calc(20px + var(--safe-t)) 18px 6px}.bottomnav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + var(--safe-b));background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--line)}.navitem{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--ink-faint);font-size:11px;font-weight:600;border-radius:12px}.navitem svg{width:23px;height:23px}.navitem.on{color:var(--primary)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{text-align:center;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink-faint);padding:4px 0;text-transform:uppercase}.cal-day{height:38px;border:none;background:none;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}.cal-day.out{color:var(--ink-faint);opacity:.5}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.cal-day.mid{background:var(--primary-tint)}.cal-day.edge{background:var(--primary);color:var(--on-primary)}.empty{text-align:center;padding:44px 20px;color:var(--ink-soft)}.empty .emoji{font-size:34px}.empty-icon{width:62px;height:62px;border-radius:20px;margin:0 auto;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-hero{position:relative;overflow:hidden;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-700) 100%);color:var(--on-primary);box-shadow:var(--shadow-md)}.home-hero:before{content:"";position:absolute;right:-60px;top:-80px;width:210px;height:210px;border-radius:50%;background:#ffffff12}.home-hero:after{content:"";position:absolute;left:-40px;bottom:-90px;width:160px;height:160px;border-radius:50%;background:#ffffff0d}.iconbox{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary-700);flex:none}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.statcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;cursor:pointer;text-align:left;width:100%;transition:transform .12s ease,box-shadow .15s ease}.statcard:hover{box-shadow:var(--shadow-md)}.statcard:active{transform:scale(.98);background:var(--bg-2)}.stat-num{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.02em;color:var(--primary);margin-top:8px;line-height:1.1}.chartgrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.chartgrid{grid-template-columns:1fr 1fr}}.bal-bar{display:flex;height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}.bal-bar>i{display:block;height:100%}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.att-plot{position:relative;height:118px}.att-8h{position:absolute;left:0;right:0;z-index:1;border-top:1.5px dashed var(--line-strong);pointer-events:none}.att-8h span{position:absolute;right:0;top:-18px;font-size:10px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.att-bars{display:flex;align-items:flex-end;gap:5px;height:100%}.att-bar{flex:1;background:var(--primary);border-radius:5px 5px 2px 2px;min-height:3px;opacity:.92}.att-labels{display:flex;gap:5px;margin-top:6px}.att-labels span{flex:1;text-align:center;font-size:9.5px;color:var(--ink-faint)}.rowbtn{width:100%;border:none;background:var(--surface);cursor:pointer;text-align:left}.rowbtn:active{background:var(--bg-2)}.rowbtn:disabled{opacity:.7;cursor:default}.chart-card{height:264px;display:flex;flex-direction:column}.chart-card>.stack{flex:1;min-height:0}.chart-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}body:has(.auth-shell){background-color:var(--bg-2);background-image:radial-gradient(var(--line-strong) 1.1px,transparent 1.5px);background-size:24px 24px}body:has(.auth-shell):before,body:has(.auth-shell):after{content:"";position:fixed;z-index:0;border-radius:50%;background:var(--primary-tint);filter:blur(70px);pointer-events:none}body:has(.auth-shell):before{width:440px;height:440px;top:-130px;right:-130px;opacity:.85;animation:blobFloat 16s ease-in-out infinite alternate}body:has(.auth-shell):after{width:400px;height:400px;bottom:-140px;left:-150px;opacity:.7;animation:blobFloat 20s ease-in-out infinite alternate-reverse}body:has(.auth-shell) #root{position:relative;z-index:1}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-52px,38px) scale(1.18)}}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hub-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:20px;cursor:pointer;text-align:left;width:100%;transition:transform .12s ease,box-shadow .15s ease}.hub-card>.iconbox{margin-bottom:6px}.hub-card:hover{box-shadow:var(--shadow-md)}.hub-card:active{transform:scale(.98);background:var(--bg-2)}.article-body iframe.kb-embed{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;margin:12px 0;background:var(--bg-2)}.article-body a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.article-body a.kb-file{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px;text-decoration:none}.article-body a.kb-file:before{content:"↓";font-weight:800;color:var(--primary)}.article-body a.kb-file:hover{box-shadow:var(--shadow-md)}.article-body ul.o_checklist{list-style:none;padding-left:2px;margin:10px 0}.article-body ul.o_checklist>li{position:relative;padding-left:30px;margin:6px 0}.article-body ul.o_checklist>li:before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border:1.5px solid var(--line);border-radius:5px;background:var(--surface);box-sizing:border-box}.article-body ul.o_checklist>li.o_checked:before{content:"✓";color:#fff;font-size:12px;font-weight:800;line-height:15px;text-align:center;border-color:var(--primary);background:var(--primary)}.article-body ul.o_checklist>li.o_checked{color:var(--muted);text-decoration:line-through}@media(min-width:640px)and (max-width:979px){.app-shell{max-width:720px}.screen,.topbar{padding-left:28px;padding-right:28px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#090f2173;z-index:40;animation:fade .18s ease}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--app-max);z-index:41;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 18px calc(22px + var(--safe-b));box-shadow:var(--shadow-lg);animation:rise .26s cubic-bezier(.2,.9,.25,1);max-height:92vh;overflow-y:auto}.sheet .grabber{width:42px;height:5px;border-radius:3px;background:var(--line-strong);margin:4px auto 14px}.sheet.sheet-wide{padding-left:22px;padding-right:22px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translate(-50%,22px);opacity:.4}to{transform:translate(-50%);opacity:1}}@keyframes riseIn{0%{transform:translateY(22px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.rise-in{animation:riseIn .4s cubic-bezier(.2,.9,.25,1) both}.fade-in{animation:fade .4s ease both}.stagger>*{animation:pop .42s cubic-bezier(.2,.9,.25,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:2.5px solid var(--primary-tint);border-top-color:var(--primary);animation:spin .7s linear infinite}.spinner.on-primary{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{flex:1;display:grid;place-items:center;min-height:60vh}.skel{position:relative;overflow:hidden;background:var(--bg-2);border-radius:var(--r-sm)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}}.msg-bubble{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.article-body{line-height:1.65;color:var(--ink);overflow-wrap:anywhere}.article-body>*:first-child{margin-top:0}.article-body h1,.article-body h2,.article-body h3{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:20px 0 8px}.article-body h1{font-size:24px}.article-body h2{font-size:20px}.article-body h3{font-size:17px}.article-body p{margin:10px 0}.article-body ul,.article-body ol{margin:10px 0;padding-left:22px}.article-body li{margin:4px 0}.article-body a{color:var(--primary);text-decoration:underline}.article-body img{max-width:100%;height:auto;border-radius:var(--r-sm);margin:12px 0}.article-body table{border-collapse:collapse;margin:14px 0;display:block;overflow-x:auto;max-width:100%}.article-body th,.article-body td{border:1px solid var(--line);padding:8px 10px;text-align:left}.article-body th{background:var(--bg-2);font-weight:700}.article-body pre{background:var(--bg-2);padding:12px 14px;border-radius:var(--r-sm);overflow-x:auto}.article-body code{background:var(--bg-2);padding:1px 5px;border-radius:6px;font-size:.92em}.article-body pre code{background:none;padding:0}.article-body blockquote{border-left:3px solid var(--line-strong);margin:12px 0;padding:4px 14px;color:var(--ink-soft)}.article-body hr{border:none;border-top:1px solid var(--line);margin:18px 0}@keyframes modalIn{0%{transform:translate(-50%,-46%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media(min-width:980px){:root{--app-max: 1240px}body{background:var(--bg)}.app-shell:has(.bottomnav){display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav topbar" "nav screen";max-width:none;height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.app-shell:has(.bottomnav)>.topbar{grid-area:topbar}.app-shell:has(.bottomnav)>.screen{grid-area:screen}.bottomnav{grid-area:nav;position:static;bottom:auto;grid-template-columns:1fr;align-content:start;gap:4px;height:100%;padding:26px 16px;border-top:none;border-right:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.navitem{flex-direction:row;justify-content:flex-start;gap:13px;font-size:14.5px;padding:12px 14px}.navitem svg{width:20px;height:20px}.navitem.on{background:var(--primary-tint)}.screen{padding:26px 44px 44px;min-height:0}.app-shell:has(.bottomnav)>.topbar{padding:34px 44px 6px}.app-shell:has(.bottomnav)>.topbar,.app-shell:has(.bottomnav)>.screen{max-width:none;width:100%}.app-shell:not(:has(.bottomnav))>.topbar,.app-shell:not(:has(.bottomnav))>.screen{max-width:780px;margin-inline:auto;width:100%}.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.sheet{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);max-width:460px;border-radius:var(--r-lg);padding:22px 22px 24px;max-height:86vh;animation:modalIn .2s cubic-bezier(.2,.9,.25,1)}.sheet.sheet-wide{max-width:620px;padding:26px 28px 28px}.sheet .grabber{display:none}}