:root{--bg:#090a0d;--panel:#111318;--panel2:#171a21;--panel3:#1d212a;--line:#292e39;--text:#f5f6f8;--muted:#9299a8;--accent:#ff5c35;--accent2:#ff8b52;--cyan:#53d8e8;--green:#62d39a;--yellow:#f3c96b;--red:#ff6b78;--violet:#9b8cff;--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 80% -10%,rgba(255,92,53,.14),transparent 32%),radial-gradient(circle at 10% 90%,rgba(83,216,232,.08),transparent 30%),var(--bg)}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:rgba(9,10,13,.92);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brandmark,.shoplogo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-family:"Space Grotesk";font-weight:700;color:#111;overflow:hidden}.shoplogo img{width:100%;height:100%;object-fit:cover}.brand strong{font:700 20px "Space Grotesk"}.brand small{display:block;color:var(--muted);margin-top:2px}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:var(--muted);padding:12px 13px;border-radius:12px;text-align:left;font-weight:600;display:flex;gap:11px;align-items:center}.nav button:hover,.nav button.active{background:var(--panel2);color:var(--text)}.nav button.active{box-shadow:inset 3px 0 var(--accent)}.nav .badge{margin-left:auto;background:var(--accent);color:#111;border-radius:999px;padding:2px 7px;font-size:11px}.sidefoot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.main{padding:30px 34px 80px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent2);font-size:11px;font-weight:700}.topbar h1{font:700 clamp(27px,4vw,38px) "Space Grotesk";margin:4px 0 0}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:700}.btn:hover{border-color:#444b59}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}
.grid{display:grid;gap:16px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:1.25fr .75fr}.card{background:linear-gradient(180deg,rgba(23,26,33,.96),rgba(16,18,23,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:19px}.card h2,.card h3{font-family:"Space Grotesk";margin:0}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.metric{padding:18px}.metric .label{color:var(--muted);font-size:12px;font-weight:700}.metric .value{font:700 27px "Space Grotesk";margin-top:8px}.metric .sub{color:var(--muted);font-size:12px;margin-top:4px}.metric.hot{border-color:rgba(255,92,53,.38)}.metric.good{border-color:rgba(98,211,154,.28)}
.list{display:grid;gap:9px}.row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.row:hover{background:rgba(255,255,255,.03)}.avatar{width:40px;height:40px;border-radius:12px;background:var(--panel3);display:grid;place-items:center;font-weight:800;color:var(--accent2);flex:0 0 auto}.grow{flex:1;min-width:0}.name{font-weight:700}.meta{color:var(--muted);font-size:12px;margin-top:3px}.pill{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:var(--panel3);white-space:nowrap}.pill.green{color:var(--green);background:rgba(98,211,154,.09)}.pill.yellow{color:var(--yellow);background:rgba(243,201,107,.09)}.pill.red{color:var(--red);background:rgba(255,107,120,.09)}.pill.cyan{color:var(--cyan);background:rgba(83,216,232,.09)}
.empty{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.section{margin-top:18px}.tabs{display:flex;gap:7px;overflow:auto;margin-bottom:18px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:700;white-space:nowrap}.tab.active{background:var(--text);color:#111;border-color:var(--text)}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0d0f13;color:var(--text);border-radius:12px;padding:11px 12px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.toggleline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.toggleline:last-child{border-bottom:0}.check{accent-color:var(--accent);width:18px;height:18px}
.modalback{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid #353a46;border-radius:24px;padding:22px;box-shadow:0 30px 100px #000}.modal.wide{width:min(900px,100%)}.modal h2{font:700 25px "Space Grotesk";margin:0 0 6px}.modal p{color:var(--muted);margin:0 0 18px}.modalfoot{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.onboard{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 0,rgba(255,92,53,.18),transparent 38%),var(--bg)}.oncard{width:min(760px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.onbrand{font:700 30px "Space Grotesk";margin-bottom:8px}.onbrand span{color:var(--accent)}.steps{display:flex;gap:6px;margin:20px 0}.step{height:4px;background:var(--line);border-radius:99px;flex:1}.step.done{background:var(--accent)}.hint{font-size:12px;color:var(--muted);margin-top:6px}.kiosk{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 10%,rgba(255,92,53,.18),transparent 36%),#08090b}.kioskbox{width:min(520px,100%);text-align:center}.kiosklogo{width:76px;height:76px;border-radius:24px;margin:0 auto 20px}.kiosk h1{font:700 38px "Space Grotesk";margin:0}.kiosk p{color:var(--muted)}.phone{font:700 27px "Space Grotesk"!important;text-align:center;letter-spacing:.05em;padding:16px!important;margin:18px 0}.servicebuttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.servicebuttons button{padding:14px}.toast{position:fixed;right:20px;bottom:20px;background:#f5f6f8;color:#111;border-radius:12px;padding:11px 14px;font-weight:700;transform:translateY(120px);opacity:0;transition:.25s;z-index:200}.toast.show{transform:none;opacity:1}.mobilebar{display:none}
@media(max-width:950px){.grid.metrics{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:22px 16px 90px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(12,14,18,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));z-index:50;overflow:auto}.mobilebar button{min-width:66px;flex:1;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;padding:7px 4px}.mobilebar button.active{color:var(--accent2)}}
@media(max-width:600px){.grid.metrics,.formgrid{grid-template-columns:1fr}.topbar{align-items:flex-start}.actions .btn.ghost{display:none}.oncard{padding:20px}.servicebuttons{grid-template-columns:1fr}.row{align-items:flex-start}.pill{margin-left:auto}}