@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#140a0e;--panel:#2b121ab8;--panel-strong:#391823e0;--line:#e9a6b838;--line-strong:#e9a6b86b;--text:#f7efed;--muted:#f7efed9e;--faint:#f7efed57;--rose:#e9a6b8;--rose-deep:#c75278;--bordeaux:#592636;--green:#7fd8a4;--amber:#f1a155;--cyan:#a9d5de;--shadow:0 30px 90px #00000057;--shell-gradient-start:#240c15db;--shell-gradient-end:#140a0efa;--shell-glow:#e9a6b824;--pixel-line:#f7efed1a;--pixel-line-strong:#f7efed14;--brand-glow:#e9a6b84d;--button-bg:#f7efed14;--button-secondary-bg:#a9d5de1c;--button-secondary-line:#a9d5de57;--primary-button-bg:#e9a6b838;--tabs-bg:#f7efed0d;--control-bg:#2b121abd;--soft-row-bg:#f7efed0d;--soft-row-line:#f7efed12;--panel-soft-bg:#f7efed0a;--metric-bg:#f7efed0f;--progress-bg:#f7efed1f;--active-text:#2a151d}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f2f7;--panel:#ffffffd1;--panel-strong:#fffffff0;--line:#59263624;--line-strong:#59263647;--text:#2c1720;--muted:#2c17209e;--faint:#2c17203d;--rose:#d97796;--rose-deep:#b83f67;--bordeaux:#592636;--green:#338b61;--amber:#cc7332;--cyan:#4d93a3;--shadow:0 24px 70px #5926361f;--shell-gradient-start:#ffffffeb;--shell-gradient-end:#f5f2f7fa;--shell-glow:#d9779629;--pixel-line:#59263617;--pixel-line-strong:#4d93a312;--brand-glow:#d9779638;--button-bg:#ffffffb8;--button-secondary-bg:#4d93a31a;--button-secondary-line:#4d93a33d;--primary-button-bg:#d977962e;--tabs-bg:#ffffff9e;--control-bg:#ffffffc7;--soft-row-bg:#5926360a;--soft-row-line:#59263614;--panel-soft-bg:#59263609;--metric-bg:#5926360b;--progress-bg:#5926361f;--active-text:#fff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Space Grotesk,system-ui,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.auth-shell,.dashboard-shell{background:linear-gradient(180deg, var(--shell-gradient-start), var(--shell-gradient-end)), radial-gradient(circle at 50% 0%, var(--shell-glow), transparent 34%), var(--bg);min-height:100vh;position:relative;overflow:hidden}.pixel-field{pointer-events:none;opacity:.34;background-image:linear-gradient(var(--pixel-line) 1px, transparent 1px), linear-gradient(90deg, var(--pixel-line-strong) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(#0000,#000 18% 76%,#0000)}.auth-shell{place-items:center;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);width:min(460px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:28px}.brand-row{align-items:center;gap:14px;display:flex}.brand-row svg{color:var(--rose);filter:drop-shadow(0 0 12px var(--brand-glow))}.brand-row h1{color:var(--text);margin:0;font-family:Unbounded,system-ui,sans-serif;font-size:27px;line-height:1}.brand-row p{color:var(--rose);letter-spacing:.22em;margin:8px 0 0;font-family:JetBrains Mono,monospace;font-size:12px}.auth-copy{color:var(--muted);align-items:center;gap:12px;margin:34px 0 22px;line-height:1.45;display:flex}.auth-copy svg{color:var(--cyan);flex:none}.auth-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-button,.icon-button,.period-tabs button,.date-control,.shop-control,.shop-pill{border:1px solid var(--line-strong);background:var(--button-bg);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;display:inline-flex}.auth-button{font-weight:800}.auth-button:disabled{cursor:not-allowed;opacity:.55}.auth-button-secondary{background:var(--button-secondary-bg);border-color:var(--button-secondary-line)}.dashboard-shell{padding:28px}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:18px;max-width:1480px;margin:0 auto 28px;display:flex;position:relative}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.live-pill{height:44px;color:var(--green);background:#7fd8a414;border:1px solid #7fd8a447;border-radius:999px;align-items:center;padding:0 18px;font-family:JetBrains Mono,monospace;font-weight:700;display:inline-flex}.live-pill.demo{color:var(--amber);background:#f1a15517;border-color:#f1a15552}.icon-button{padding:0 14px}.icon-button.wide{background:var(--primary-button-bg);min-width:148px;font-weight:800}.theme-toggle{flex:none;width:44px;padding:0}.icon-button:disabled{cursor:wait;opacity:.65}.control-strip,.period-line,.stat-grid,.content-grid,.staff-grid,.warning-line{z-index:1;max-width:1480px;margin-left:auto;margin-right:auto;position:relative}.control-strip{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.period-tabs{border:1px solid var(--line);background:var(--tabs-bg);border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.period-tabs button{min-height:38px;color:var(--muted);background:0 0;border:0;padding:0 18px}.period-tabs button.active{color:var(--active-text);background:var(--rose)}.date-control,.shop-control,.shop-pill{background:var(--control-bg);padding:0 16px}.date-control input,.shop-control select{color:var(--text);background:0 0;border:0;outline:0;min-width:132px}.shop-control select{min-width:150px}.period-line{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-family:JetBrains Mono,monospace;display:flex}.period-line strong{color:var(--text)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-card,.panel,.staff-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat-card{border-radius:20px;align-content:space-between;min-height:160px;padding:22px;display:grid}.stat-icon{width:36px;height:36px;color:var(--rose);background:#e9a6b826;border-radius:12px;place-items:center;display:grid}.stat-card p,.panel-heading p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:12px}.stat-card strong{margin-top:18px;font-family:JetBrains Mono,monospace;font-size:36px;line-height:1;display:block}.stat-card span{color:var(--muted);margin-top:10px}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px;margin-bottom:16px;display:grid}.panel{border-radius:20px;min-height:310px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panel-heading h2{margin:8px 0 0;font-size:18px}.panel-heading>span{color:var(--rose);font-family:JetBrains Mono,monospace}.trend-panel svg{width:100%;height:220px;display:block}.shop-list{gap:14px;display:grid}.shop-row{background:var(--soft-row-bg);border:1px solid var(--soft-row-line);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:16px;display:grid}.shop-row strong,.shop-row span{display:block}.shop-row span{color:var(--muted)}.shop-row .progress-track{grid-column:1/-1}.staff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.staff-card{border-radius:20px;min-height:390px;overflow:hidden}.staff-card header{border-bottom:1px solid var(--line);background:var(--panel-soft-bg);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:98px;padding:20px;display:grid}.avatar{width:54px;height:54px;color:var(--active-text);background:var(--rose);border-radius:18px;place-items:center;font-weight:900;display:grid}.person{min-width:0}.person h3{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;overflow:hidden}.person p,.card-target span,.score-row span,.metric-grid span,.staff-card footer span{color:var(--muted)}.person p{margin:4px 0 0}.card-target{text-align:right;font-family:JetBrains Mono,monospace}.card-target strong,.card-target span{display:block}.score-row{justify-content:space-between;align-items:flex-end;gap:18px;padding:26px 20px 14px;display:flex}.score-row strong{color:var(--rose-deep);font-family:JetBrains Mono,monospace;font-size:62px;line-height:.9}.staff-card.good .score-row strong{color:var(--green)}.staff-card.warn .score-row strong{color:var(--amber)}.score-row span{margin-top:8px;font-weight:700;display:block}.score-row small{color:var(--text);font-weight:800}.progress-track{background:var(--progress-bg);border-radius:999px;height:8px;overflow:hidden}.staff-card>.progress-track{margin:0 20px}.progress-fill{border-radius:inherit;background:var(--rose-deep);height:100%;transition:width .55s}.progress-fill.good{background:var(--green)}.progress-fill.warn{background:var(--amber)}.progress-fill.quiet{background:var(--faint)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 20px;display:grid}.metric-grid div{text-align:center;background:var(--metric-bg);border-radius:14px;place-items:center;min-height:78px;display:grid}.metric-grid strong{font-family:JetBrains Mono,monospace;font-size:20px}.metric-grid span{text-transform:uppercase;font-size:12px;font-weight:800}.staff-card footer{border-top:1px solid var(--line);background:var(--panel-soft-bg);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 20px;display:flex}.staff-card footer strong{color:var(--rose)}.warning-line{color:var(--amber);gap:8px;margin-top:16px;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}@media (max-width:1180px){.stat-grid,.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (max-width:760px){.dashboard-shell{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.top-actions,.control-strip,.period-line{width:100%}.top-actions{justify-content:stretch}.live-pill,.icon-button.wide{flex:1}.period-tabs{width:100%;overflow-x:auto}.period-tabs button{flex:1 0 auto}.date-control,.shop-control,.shop-pill{justify-content:flex-start;width:100%}.date-control input,.shop-control select{flex:1;min-width:0}.period-line{flex-direction:column;align-items:flex-start}.stat-grid,.staff-grid{grid-template-columns:1fr}.stat-card{min-height:138px}.stat-card strong{font-size:30px}.panel{min-height:260px}.staff-card header{grid-template-columns:48px minmax(0,1fr)}.card-target{text-align:left;grid-column:1/-1;gap:8px;display:flex}.score-row strong{font-size:54px}.metric-grid,.auth-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}