:root{--color-bg:#fbf3ee;--color-surface:#eddbd1;--color-accent:#c9a263;--color-primary:#7b5f3d;--color-primary-contrast:#fff;--color-ink:#262626;--color-success:#1f7a4d;--color-warning:#9a6200;--color-danger:#b3261e;--color-success-bg:#e4f4ec;--color-warning-bg:#fff3d6;--color-danger-bg:#fde8e6;--color-card:#fff;--color-muted:color-mix(in srgb, var(--color-ink) 62%, var(--color-bg));--color-border:color-mix(in srgb, var(--color-ink) 12%, var(--color-bg));--color-primary-soft:color-mix(in srgb, var(--color-primary) 10%, var(--color-card));--color-primary-border:color-mix(in srgb, var(--color-primary) 35%, var(--color-card));--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000d;--font:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Lora", Georgia, serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tabbar-h:64px;--sidebar-w:264px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.5}#root{min-height:100dvh}img,svg,video{max-width:100%;height:auto}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:700}h2{font-size:clamp(1.125rem,1rem + .6vw,1.375rem);font-weight:600}h3{font-size:1rem;font-weight:600}p{margin:0}a{color:var(--color-primary);touch-action:manipulation}input,select,textarea{font:inherit;color:var(--color-ink);touch-action:manipulation;font-size:max(16px,1rem)}button,[role=button],a{touch-action:manipulation}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 55%, white);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost{background:var(--color-card);color:var(--color-ink);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-primary-soft)}.btn-link{color:var(--color-muted);background:0 0;border:0;min-height:44px;padding:0 8px;text-decoration:underline}.btn[disabled]{opacity:.6;cursor:not-allowed}.field{gap:6px;display:grid}.field label{font-size:.9375rem;font-weight:500}.input{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:48px;padding:10px 14px}.input:focus{border-color:var(--color-primary);outline:3px solid color-mix(in srgb, var(--color-primary) 25%, transparent)}.alert{border-radius:var(--radius-sm);padding:12px 14px;font-size:.9375rem}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning)}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.center-screen{min-height:100dvh;padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left));place-items:center;display:grid}.auth-card{gap:20px;width:100%;max-width:420px;display:grid}.auth-card form{gap:16px;display:grid}.logo{justify-items:center;gap:2px;line-height:1;display:inline-grid}.logo-word{font-family:var(--font);letter-spacing:-.04em;font-weight:700;font-size:var(--logo-size,2rem);display:inline-block;position:relative}.logo-word .nex{color:#0f0f0f}.logo-word .fast{background:linear-gradient(90deg,#f04e9e,#e0218a);color:#0000;-webkit-background-clip:text;background-clip:text}.logo-word .spark{fill:#e0218a;width:.42em;height:.42em;position:absolute;top:-.22em;right:-.5em}.logo-sub{font-family:var(--font-serif);letter-spacing:.35em;font-weight:600;font-size:calc(var(--logo-size,2rem) * .34);color:#2b2b2b;align-items:center;gap:.6em;margin-top:.5em;display:flex}.logo-sub:before,.logo-sub:after{content:"";background:#e0218a;border-radius:2px;width:2.2em;height:2px}.shell{min-height:100dvh;display:block}.sidebar{display:none}.main{padding:max(20px, var(--safe-top)) max(16px, var(--safe-right)) calc(var(--tabbar-h) + var(--safe-bottom) + 24px) max(16px, var(--safe-left));width:100%;max-width:1200px;margin:0 auto}.tabbar{z-index:30;background:var(--color-card);border-top:1px solid var(--color-border);padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{min-height:var(--tabbar-h);color:var(--color-muted);overflow-wrap:normal;background:0 0;border:0;align-content:center;place-items:center;gap:2px;min-width:0;padding:6px 2px;font-size:.6875rem;font-weight:500;text-decoration:none;display:grid}.tab span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tab svg{width:22px;height:22px}@media (width<=359px){.tab{font-size:.625rem}}.tab[aria-current=page],.tab.active{color:var(--color-primary);font-weight:600}.drawer-backdrop{z-index:40;overscroll-behavior:contain;background:#0006;position:fixed;inset:0}.drawer{z-index:41;overscroll-behavior:contain;background:var(--color-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:calc(100dvh - 48px);padding:16px 16px calc(16px + var(--safe-bottom));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.drawer-handle{background:var(--color-border);border-radius:4px;width:40px;height:4px;margin:0 auto 8px}.nav-link{border-radius:var(--radius-sm);min-height:44px;color:var(--color-ink);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:8px 14px;font-weight:500;text-decoration:none;display:flex}.nav-link svg{stroke-width:1.75px;flex:none;width:20px;height:20px}.nav-link:hover{background:color-mix(in srgb, var(--color-primary) 6%, transparent)}.nav-link.active{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary);font-weight:600}.page-head{gap:4px;margin-bottom:20px;display:grid}.page-head p{color:var(--color-muted)}.banner{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px;padding:10px 14px;display:flex}.banner-install{background:var(--color-primary-soft);border:1px solid var(--color-primary-border)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning)}@media (width>=1024px){.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.sidebar{background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;gap:4px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{gap:6px;padding:0 6px 20px;display:grid}.sidebar-head .role-label{color:var(--color-muted);font-size:.8125rem}.sidebar-foot{gap:4px;margin-top:auto;padding-top:16px;display:grid}.main{padding:32px 40px 48px}.tabbar{display:none}}.steps-card{background:var(--color-primary-soft);border-color:var(--color-primary-border);gap:16px;margin-bottom:20px;display:grid}.steps-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:48px;color:var(--color-ink);align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.step-num{background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-contrast);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:600;display:grid}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi{gap:4px;padding:16px;display:grid}.kpi-label{color:var(--color-muted);font-size:.8125rem}.kpi-value{font-size:clamp(1.25rem,1rem + 1.4vw,1.75rem);font-weight:700}.grid-2{gap:16px;display:grid}.empty{text-align:center;color:var(--color-muted);justify-items:center;gap:8px;padding:24px 8px;display:grid}.empty svg{width:36px;height:36px;color:var(--color-accent)}.chart{width:100%;height:auto;display:block}@media (width>=640px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1024px){.grid-2{grid-template-columns:2fr 1fr}}.public-wrap{max-width:480px;padding:max(20px, var(--safe-top)) 16px max(20px, var(--safe-bottom));gap:16px;margin:0 auto;display:grid}.table-scroll{max-width:100%;overflow-x:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}