@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font:"Geist", -apple-system, sans-serif;--mono:"Geist Mono", "SF Mono", monospace;--px:clamp(16px, 4vw, 48px);--py:clamp(20px, 3vw, 44px);--gap:clamp(10px, 1.4vw, 16px);--cp:clamp(14px, 1.8vw, 22px);--fs-xl:clamp(18px, 2.8vw, 26px);--fs-lg:clamp(13px, 1.6vw, 16px);--fs-md:clamp(12px, 1.2vw, 14px);--fs-sm:clamp(10px, 1vw, 12px);--fs-stat:clamp(16px, 2.2vw, 22px);--fs-mono:clamp(11px, 1.1vw, 13px);--ch-sm:clamp(100px, 18vw, 160px);--ch-md:clamp(140px, 22vw, 190px);--ch-pie:clamp(100px, 16vw, 140px);--ch-radar:clamp(140px, 20vw, 200px);--bg:#fafafa;--bg2:#f4f4f5;--surface:#fff;--border:#e4e4e7;--border2:#d4d4d8;--text:#09090b;--text2:#3f3f46;--muted:#71717a;--muted2:#a1a1aa;--accent:#16a34a;--accent-bg:#f0fdf4;--accent-border:#bbf7d0;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--sh-sm:0 1px 2px #0000000d;--sh:0 1px 3px #00000014, 0 1px 2px #0000000a;--sh-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--sh-lg:0 8px 32px #00000014, 0 4px 8px #0000000a;--r-sm:6px;--r:10px;--r-lg:14px;--sidebar-w:220px;--sidebar-tab:64px;--topbar-h:56px;--nav-h:60px;--content-max:1360px}.dark{--bg:#0a0a0a;--bg2:#111;--surface:#161616;--border:#262626;--border2:#333;--text:#fafafa;--text2:#d4d4d8;--muted:#71717a;--muted2:#52525b;--accent:#22c55e;--accent-bg:#22c55e14;--accent-border:#22c55e33;--danger:#ef4444;--danger-bg:#ef444414;--warning:#f59e0b;--warning-bg:#f59e0b14;--sh-sm:0 1px 2px #0006;--sh:0 1px 3px #00000080;--sh-md:0 4px 12px #0006;--sh-lg:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--fs-md);background:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.display{font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--text);font-weight:600;line-height:1.2}.heading{font-size:var(--fs-lg);letter-spacing:-.015em;color:var(--text);font-weight:600}.subhead{font-size:var(--fs-sm);color:var(--muted)}.label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px;font-weight:500}.mono{font-family:var(--mono)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh);min-width:0;overflow:hidden}.card-hover{transition:box-shadow .15s,border-color .15s,transform .15s}.card-hover:hover{box-shadow:var(--sh-md);border-color:var(--border2);transform:translateY(-1px)}.cp{padding:var(--cp)}.cp-sm{padding:clamp(10px,1.2vw,16px)}.cp-hd{padding:var(--cp);border-bottom:1px solid var(--border)}.btn{font-family:var(--font);font-size:var(--fs-sm);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-weight:500;text-decoration:none;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--surface);color:var(--text2);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg2);border-color:var(--border2)}.btn-ghost{color:var(--muted);background:0 0;padding:6px 10px}.btn-ghost:hover{background:var(--bg2);color:var(--text2)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #dc262633}.input{font-family:var(--font);font-size:var(--fs-md);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;width:100%;padding:9px 12px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--text);box-shadow:0 0 0 3px #09090b0f}.dark .input:focus{box-shadow:0 0 0 3px #fafafa0f}.input::placeholder{color:var(--muted2)}select.input{cursor:pointer}.badge{white-space:nowrap;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.badge-red{background:var(--danger-bg);color:var(--danger);border:1px solid #dc262633}.badge-yellow{background:var(--warning-bg);color:var(--warning);border:1px solid #d9770633}.badge-neutral{background:var(--bg2);color:var(--muted);border:1px solid var(--border)}.progress-track{background:var(--bg2);border-radius:99px;width:100%;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.stat-card{padding:var(--cp);flex-direction:column;gap:5px;display:flex}.stat-value{font-size:var(--fs-stat);letter-spacing:-.03em;font-weight:600;font-family:var(--mono);color:var(--text);line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.stat-sub{font-size:var(--fs-sm);color:var(--muted)}.table{border-collapse:collapse;width:100%}.table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:clamp(8px,1vw,11px) clamp(10px,1.5vw,16px);font-size:10px;font-weight:500}.table td{font-size:var(--fs-md);color:var(--text2);border-bottom:1px solid var(--border);padding:clamp(9px,1vw,12px) clamp(10px,1.5vw,16px)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover,.table tfoot td{background:var(--bg2)}.tw{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.theme-pill{background:var(--bg2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:2px;padding:3px;display:flex}.theme-pill button{cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);color:var(--muted);background:0 0;border:none;border-radius:99px;padding:4px 10px;transition:all .15s}.theme-pill button.active{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--sh-lg);padding:clamp(22px,4vw,40px) clamp(18px,4vw,36px)}.oauth-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-size:var(--fs-md);font-weight:500;font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;transition:all .12s;display:flex}.oauth-btn:hover{background:var(--bg2);border-color:var(--border2)}.divider-text{color:var(--muted2);align-items:center;gap:12px;font-size:12px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.nav-item{border-radius:var(--r-sm);color:var(--muted);cursor:pointer;text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;transition:all .12s;display:flex}.nav-item:hover{color:var(--text2);background:var(--bg2)}.nav-item.active{color:var(--text);background:var(--bg2)}.step-indicator{align-items:center;gap:6px;display:flex}.step-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.active{background:var(--text);border-radius:4px;width:24px}.step-dot.done{background:var(--accent)}.step-dot.pending{background:var(--border2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.anim-up{animation:.3s both fadeUp}.anim-in{animation:.3s both fadeIn}.spin{animation:.8s linear infinite spin}.d1{animation-delay:0s}.d2{animation-delay:50ms}.d3{animation-delay:.1s}.d4{animation-delay:.15s}.d5{animation-delay:.2s}.d6{animation-delay:.25s}.page-pad{padding:var(--py) var(--px) calc(var(--py) * 1.5);width:100%}.g-stats{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.g-2{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.g-3{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.g-chart{gap:var(--gap);grid-template-columns:1.5fr 1fr;display:grid}.g-form{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.sidebar-desktop{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-topbar,.mobile-bottom-nav{display:none}.main-wrap{margin-left:var(--sidebar-w);background:var(--bg);flex:1;min-width:0;min-height:100vh}.show-mobile{display:none!important}@media (min-width:641px) and (max-width:1024px){:root{--px:clamp(14px, 3vw, 28px);--py:clamp(18px, 2.5vw, 28px);--gap:clamp(8px, 1.2vw, 12px);--cp:clamp(14px, 1.8vw, 20px);--fs-stat:clamp(15px, 2vw, 19px);--ch-sm:clamp(120px, 20vw, 160px);--ch-md:clamp(140px, 22vw, 175px)}.sidebar-desktop{width:var(--sidebar-tab)}.sidebar-desktop .nav-label,.sidebar-desktop .label,.sidebar-desktop .logo-text,.sidebar-desktop .sidebar-months,.sidebar-desktop .sidebar-bottom-content{display:none!important}.sidebar-desktop .nav-item{justify-content:center;gap:0!important;padding:10px!important}.sidebar-desktop .logo-wrap{justify-content:center!important;padding:18px 0!important}.main-wrap{margin-left:var(--sidebar-tab)}.g-stats{grid-template-columns:repeat(2,1fr)}.g-chart,.g-2{grid-template-columns:1fr}.g-3,.g-form{grid-template-columns:1fr 1fr}.hide-tablet{display:none!important}}@media (max-width:640px){:root{--px:14px;--py:14px;--gap:10px;--cp:14px;--fs-xl:18px;--fs-stat:16px;--ch-sm:140px;--ch-md:160px;--ch-pie:130px;--ch-radar:160px}.sidebar-desktop{display:none!important}.mobile-topbar,.mobile-bottom-nav{display:flex!important}.main-wrap{padding-top:var(--topbar-h);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));margin-left:0!important}.g-stats{grid-template-columns:1fr 1fr;gap:10px}.g-chart,.g-2,.g-3,.g-form{grid-template-columns:1fr}.hide-mobile{display:none!important}.show-mobile{display:block!important}body,.page-pad,.main-wrap{overflow-x:hidden}}.mobile-topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--px);z-index:100;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0}.ch-sm{height:var(--ch-sm);width:100%}.ch-md{height:var(--ch-md);width:100%}.ch-pie{height:var(--ch-pie);width:100%}.ch-radar{height:var(--ch-radar);width:100%}.mobile-bottom-nav{height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:100;flex-direction:row;align-items:stretch;position:fixed;bottom:0;left:0;right:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
