:root{color-scheme:dark;--bg: #0b1020;--bg-2: #121933;--panel: rgba(22, 28, 52, .92);--line: rgba(255, 255, 255, .08);--text: #f4f7ff;--muted: #9aa6c4;--violet: #8b5cff;--cyan: #2fd3ff;--pink: #ff4fd8;--orange: #ff8a3d;--danger: #ff6b7a;--radius: 8px;--shadow: 0 10px 28px rgba(0, 0, 0, .28);font-family:Inter,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(139,92,255,.2),transparent 35%),radial-gradient(circle at 90% 0%,rgba(47,211,255,.14),transparent 30%),linear-gradient(180deg,#0a0f1d,var(--bg))}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.6rem,2vw,2rem);margin-bottom:6px}.muted{color:var(--muted)}.boot{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--line);background:#0a0e1ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:18px}.sidebar-brand{display:block;padding:8px 10px 4px}.logo-title{font-weight:800;letter-spacing:.08em}.logo-sub{color:var(--muted);font-size:12px}.side-nav{display:grid;gap:8px}.nav-item{padding:11px 12px;border-radius:6px;color:var(--muted);transition:.2s ease}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(90deg,#8b5cff59,#2fd3ff1f)}.sidebar-foot{margin-top:auto;display:grid;gap:10px}.user-chip{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px}.avatar{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-weight:700}.user-name{font-size:14px}.user-role{color:var(--muted);font-size:12px;text-transform:uppercase}.logout-btn,.burger,.chip,.btn{border:0;cursor:pointer}.logout-btn{background:transparent;color:var(--muted);text-align:left;padding:8px 10px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:#0b1020bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.burger{display:none;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:6px;width:40px;height:40px}.top-title{font-weight:600}.top-user{margin-left:auto;color:var(--muted)}.page{padding:22px}.stack,.stack-lg{display:grid;gap:14px}.stack-lg{gap:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{position:relative;overflow:hidden;border-radius:var(--radius);padding:16px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);min-height:120px}.kpi-title{position:relative;z-index:1;color:var(--muted);font-size:13px}.kpi-value{position:relative;z-index:1;font-size:28px;font-weight:800;margin-top:8px}.kpi-delta{position:relative;z-index:1;margin-top:8px;font-size:13px;color:#b8ffd6}.kpi-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(8px)}.kpi-blob-a{width:150px;height:150px;right:-40px;bottom:-50px;opacity:.55;animation:lavaA 9s ease-in-out infinite}.kpi-blob-b{width:110px;height:110px;left:-35px;top:-40px;opacity:.28;animation:lavaB 12s ease-in-out infinite}.kpi-card:nth-child(2) .kpi-blob-a{animation-duration:10s;animation-delay:-2s}.kpi-card:nth-child(2) .kpi-blob-b{animation-duration:13s;animation-delay:-4s}.kpi-card:nth-child(3) .kpi-blob-a{animation-duration:11s;animation-delay:-5s}.kpi-card:nth-child(3) .kpi-blob-b{animation-duration:14s;animation-delay:-1s}.kpi-card:nth-child(4) .kpi-blob-a{animation-duration:8.5s;animation-delay:-3s}.kpi-card:nth-child(4) .kpi-blob-b{animation-duration:12.5s;animation-delay:-6s}.tone-violet .kpi-blob{background:radial-gradient(circle,#b58cff 0%,#8b5cff 45%,transparent 70%)}.tone-cyan .kpi-blob{background:radial-gradient(circle,#7aecff 0%,#2fd3ff 45%,transparent 70%)}.tone-pink .kpi-blob{background:radial-gradient(circle,#ff8ae8 0%,#ff4fd8 45%,transparent 70%)}.tone-orange .kpi-blob{background:radial-gradient(circle,#ffb070 0%,#ff8a3d 45%,transparent 70%)}@keyframes lavaA{0%{transform:translateZ(0) scale(1)}20%{transform:translate3d(-55px,-35px,0) scale(1.2)}40%{transform:translate3d(-25px,-70px,0) scale(.85)}60%{transform:translate3d(30px,-40px,0) scale(1.15)}80%{transform:translate3d(20px,-10px,0) scale(.95)}to{transform:translateZ(0) scale(1)}}@keyframes lavaB{0%{transform:translateZ(0) scale(1)}25%{transform:translate3d(50px,30px,0) scale(1.25)}50%{transform:translate3d(25px,65px,0) scale(.8)}75%{transform:translate3d(-20px,35px,0) scale(1.1)}to{transform:translateZ(0) scale(1)}}.dash-grid,.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.panel-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h2,.card h2,.panel-card h2{margin:0;font-size:16px}.text-link{color:var(--cyan);font-weight:600}.city-list{display:grid;gap:10px}.city-mini{display:grid;gap:8px;padding:12px;border-radius:8px;background:#ffffff08;border:1px solid var(--line)}.city-mini-top{display:flex;justify-content:space-between}.city-mini-sub{color:var(--muted);font-size:12px}.progress{height:6px;border-radius:2px;background:#ffffff0f;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan))}.table{display:grid;gap:8px}.table-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:#ffffff08;border:1px solid var(--line)}.row-title{font-weight:700}.row-sub,.row-meta{color:var(--muted);font-size:13px}.cities-grid,.shops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.city-card,.shop-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:16px;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.city-card:hover,.shop-card:hover{transform:translateY(-2px);border-color:#8b5cff73}.city-card-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}.city-card-top span{color:var(--muted);font-size:13px}.city-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.city-metrics div{display:grid;gap:4px;padding:10px;border-radius:6px;background:#ffffff08}.city-metrics span{color:var(--muted);font-size:12px}.shop-cat{display:inline-flex;padding:4px 8px;border-radius:4px;background:#8b5cff2e;color:#d9cbff;font-size:12px;margin-bottom:10px}.shop-card h3{margin-bottom:8px}.shop-card p{color:var(--muted);min-height:40px}.shop-foot{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border-radius:6px;background:#ffffff0a;color:var(--muted);border:1px solid var(--line)}.chip.active{color:#fff;background:linear-gradient(90deg,#8b5cff80,#2fd3ff40)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.info-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.info-row strong{color:var(--text);text-align:right;word-break:break-word}.btn{border-radius:6px;padding:12px 16px;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(90deg,var(--violet),#6a7bff 45%,var(--cyan))}.btn.block{display:block;text-align:center;margin-top:14px}.input{width:100%;border-radius:6px;border:1px solid var(--line);background:#ffffff0a;color:#fff;padding:12px 14px}.label{display:grid;gap:8px;color:var(--muted);font-size:13px}.search-row{display:flex;gap:10px}.error{color:#ffd0d6;background:#ff6b7a1f;border:1px solid rgba(255,107,122,.35);border-radius:6px;padding:10px 12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow);display:grid;gap:12px}.login-badge{width:fit-content;padding:5px 9px;border-radius:4px;background:linear-gradient(90deg,#8b5cff59,#2fd3ff33);font-size:12px;letter-spacing:.08em;font-weight:800}.hint{color:var(--muted);font-size:12px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field-label{color:var(--muted);font-size:12px;margin-bottom:4px}.code{margin:10px 0 0;max-height:320px;overflow:auto;background:#070b16;border-radius:6px;padding:12px;font-size:12px}.backdrop{display:none}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:20;transform:translate(-105%);transition:transform .2s ease}.nav-open .sidebar{transform:translate(0)}.burger{display:inline-grid;place-items:center}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:15}.page{padding:16px}.search-row{flex-direction:column}}@media (max-width: 560px){.kpi-grid,.city-metrics{grid-template-columns:1fr}}