@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5;min-height:100dvh}:root{--ink: #1C1B19;--paper: #FAF9F4;--paper-dim:#F1EFE6;--line: #E3DFD2;--moss: #1F6F54;--moss-dim: #E7F0EA;--clay: #B5512F;--clay-dim: #F6E7E0;--gold: #A8791C;--gold-dim: #F3ECDA;--mute: #8A8575;--font-display: "Work Sans","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-body: "Work Sans",ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono: "SF Mono",ui-monospace,"Roboto Mono",monospace;--sidebar-w: 240px;--bottom-nav-h: 64px;--header-h: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--mute)}:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.app-shell{display:flex;min-height:100dvh;background:var(--paper)}.sidebar-wrap{display:none}@media (min-width: 1024px){.sidebar-wrap{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto;background:#fff;border-right:1px solid var(--line)}}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-h);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}@media (min-width: 1024px){.mobile-header{display:none}}.page-content{flex:1;padding:20px 16px calc(var(--bottom-nav-h) + 20px);overflow-y:auto}@media (min-width: 768px){.page-content{padding:24px 24px calc(var(--bottom-nav-h) + 24px)}}@media (min-width: 1024px){.page-content{padding:32px 36px;overflow-y:visible}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;z-index:50;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--mute);border-radius:var(--radius-sm);transition:color .15s;text-decoration:none}.bottom-nav-item.active{color:var(--moss)}.bottom-nav-item span{line-height:1}.stats-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px}}.two-col{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 768px){.two-col{grid-template-columns:1fr 1fr}}.three-col{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 640px){.three-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.three-col{grid-template-columns:repeat(3,1fr)}}.auto-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 480px){.auto-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.auto-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}.split-layout{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 900px){.split-layout{grid-template-columns:1.6fr 1fr}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}@media (min-width: 768px){.page-header{margin-bottom:24px}}.page-title{font-family:var(--font-display);font-size:clamp(22px,4vw,30px);color:var(--ink);line-height:1.15}.page-subtitle{font-size:13.5px;color:var(--mute);margin-top:2px}.fab{position:fixed;bottom:calc(var(--bottom-nav-h) + 16px);right:16px;width:52px;height:52px;border-radius:999px;background:var(--moss);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1f6f5459;z-index:45;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.94);box-shadow:0 2px 8px #1f6f5440}@media (min-width: 1024px){.fab{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-up{animation:fadeUp .5s ease both}.anim-fade-up-2{animation:fadeUp .5s .1s ease both}.anim-fade-up-3{animation:fadeUp .5s .2s ease both}.anim-fade-up-4{animation:fadeUp .5s .3s ease both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1973;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease}@media (min-width: 640px){.modal-overlay{align-items:center;padding:16px}}.modal-box{background:var(--paper);width:100%;max-height:92dvh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp .25s ease}@media (min-width: 640px){.modal-box{border-radius:var(--radius-lg);max-width:480px;animation:fadeUp .2s ease}}.landing-root{min-height:100dvh;background:var(--paper);overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.container{padding:0 28px}}.auth-wrap{min-height:100dvh;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{display:flex;width:900px;max-width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px #1c1b1917;flex-direction:column}@media (min-width: 768px){.auth-card{flex-direction:row}}.auth-left{background:var(--ink);color:var(--paper);padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.auth-left{flex:1;padding:44px 38px;min-height:520px}}.auth-right{background:#fff;padding:36px 28px;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.auth-right{flex:1;padding:44px 38px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}