:root{
  color-scheme:dark;
  --bg:#0b1720;
  --bg2:#0d1a24;
  --sidebar:#0c1922;
  --top:#0b1720;
  --panel:#101f29;
  --panel-2:#12232e;
  --panel-3:#0d1b24;
  --line:#1d313d;
  --line-soft:rgba(255,255,255,.045);
  --text:#eef3f6;
  --soft:#c5cfd5;
  --muted:#778792;
  --accent:#f4515f;
  --accent-2:#ff6672;
  --accent-soft:rgba(244,81,95,.16);
  --teal:#14c8ae;
  --teal-soft:rgba(20,200,174,.14);
  --danger:#f4515f;
  --shadow:0 16px 35px rgba(0,0,0,.18);
  --sidebar-w:230px;
  --top-h:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:linear-gradient(135deg,#0b1720,#0d1b25 55%,#0a151d);color:var(--text);font:12px/1.5 "Segoe UI",Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg.ico{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex:0 0 auto}

.oz-app{min-height:100vh;background:radial-gradient(circle at 85% 5%,rgba(20,200,174,.035),transparent 26%),linear-gradient(135deg,#0b1720,#0c1a24)}
.oz-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,#0d1b24 0%,#0b1720 100%);border-right:1px solid #142833;z-index:40;box-shadow:9px 0 30px rgba(0,0,0,.08);overflow-y:auto}
.oz-brand{height:var(--top-h);display:flex;align-items:center;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.025);gap:9px}
.oz-brand img{width:25px;height:25px;object-fit:contain;filter:grayscale(1) brightness(3.3)}
.oz-wordmark{font-size:19px;letter-spacing:.32em;font-weight:300;color:#f0f4f7;white-space:nowrap}.oz-wordmark strong{font-weight:400}
.oz-nav-label{padding:24px 20px 8px;color:#52636e;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.oz-nav{padding:0 0 2px}.oz-nav a{height:43px;padding:0 19px;display:flex;align-items:center;gap:12px;color:#758691;border-left:2px solid transparent;transition:.14s ease;position:relative}
.oz-nav a:hover{color:#dfe6ea;background:rgba(255,255,255,.018)}
.oz-nav a.active{color:#eef3f6;background:#12232d;border-left-color:var(--accent)}
.oz-nav a.active::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(244,81,95,.25)}
.oz-nav .ico{width:15px;height:15px}.nav-spacer{height:10px}
.nav-disabled{opacity:.42;pointer-events:none}

.oz-main{margin-left:var(--sidebar-w);min-height:100vh}
.oz-topbar{height:var(--top-h);background:rgba(9,21,29,.96);display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #142733;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}
.top-left{display:flex;align-items:center;gap:14px}.hamburger{width:34px;height:34px;border:0;background:transparent;color:#98a7b0;padding:7px;border-radius:4px;display:grid;place-items:center}.hamburger:hover{background:#13242e;color:#fff}.hamburger .ico{width:19px;height:19px}
.top-account{display:flex;align-items:center;gap:10px;color:#8b9aa4}.fullscreen{width:31px;height:31px;display:grid;place-items:center;color:#74858f}.fullscreen .ico{width:15px;height:15px}.avatar{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 65% 35%,#173c63,#101c4a);display:grid;place-items:center;color:#28d5b4;font-weight:700;border:1px solid #1d3c54;box-shadow:inset 0 0 14px rgba(20,200,174,.08)}.account-name{color:#9aa8b0}.caret{font-size:9px;color:#657680}
.oz-content{padding:25px 25px 48px;max-width:1480px;margin:0 auto}
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;min-height:30px}.page-head h1{font-size:17px;margin:0;font-weight:500;color:#eef3f6}.crumb{color:#5f707b;font-size:10px}.crumb b{color:#d1d8dd;font-weight:500}.crumb span{margin:0 8px;color:#40525e}

.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.stat-card{min-height:90px;background:linear-gradient(145deg,#11212c,#0f1e28);padding:17px 18px;position:relative;border:1px solid #162b36;box-shadow:0 9px 25px rgba(0,0,0,.08)}
.stat-label{color:#6f818c;font-size:10px;margin-bottom:9px}.stat-value{font-size:17px;color:#dfe6ea;font-weight:500}.stat-value.online{color:var(--teal);font-size:14px;text-transform:uppercase}.stat-icon{position:absolute;right:17px;top:17px;width:29px;height:29px;background:rgba(244,81,95,.28);display:grid;place-items:center;color:#ff7380;border-radius:2px}.stat-icon .ico{width:14px;height:14px}

.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.section-space{margin-top:16px}
.panel{background:linear-gradient(145deg,#101f29,#0f1e27);border:1px solid #172b36;box-shadow:0 12px 32px rgba(0,0,0,.08)}
.panel-head{min-height:47px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #192d38}.panel-head h2{font-size:12px;margin:0;font-weight:500;color:#dfe6ea}.panel-body{padding:15px}.muted{color:#71828d}.small-muted{color:#667984;font-size:10px}.section-title{font-size:11px;color:#9aa8b0;margin:0 0 12px;font-weight:600}

.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{background:#11212b;border:1px solid #182e39;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.08)}.product-image{position:relative;overflow:hidden;background:#0b1720}.product-card img{width:100%;aspect-ratio:1.34/1;object-fit:cover;display:block;transition:transform .22s ease}.product-card:hover img{transform:scale(1.015)}.product-meta{padding:12px 13px 14px}.product-row{display:flex;align-items:center;justify-content:space-between;gap:9px}.product-name{font-size:12px;color:#e1e7eb}.product-sub{margin-top:6px;color:#667984;font-size:10px}.product-price{margin-top:13px;color:#c7d0d5;font-size:13px}.stars{font-size:9px;letter-spacing:1px;color:#70818b}.badge{font-size:9px;font-weight:600;padding:4px 8px;border-radius:2px;white-space:nowrap}.badge.online{background:#16baa3;color:white}.badge.offline{background:#f05c69;color:white}.product-actions{margin-top:13px;display:grid;grid-template-columns:1fr;gap:8px}

.redeem-tile{min-height:100%;background:#101f29;display:grid;place-items:center;text-align:center;padding:36px 28px}.redeem-word{font-size:25px;font-weight:700;letter-spacing:.08em;color:#f0f3f5;margin-bottom:26px}.redeem-mini{width:min(100%,220px);display:grid;gap:10px}

.form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.field{display:grid;gap:6px;min-width:0}.field label{font-size:10px;color:#8a9aa4;font-weight:500}input,select,textarea{width:100%;background:#0c1a23;color:#d7e0e5;border:1px solid #263b47;padding:9px 10px;border-radius:2px;outline:none;min-height:37px}input::placeholder,textarea::placeholder{color:#536570}input:focus,select:focus,textarea:focus{border-color:#3e5966;box-shadow:0 0 0 2px rgba(20,200,174,.035)}select{appearance:auto}.btn,button{border:0;border-radius:2px;padding:9px 12px;background:linear-gradient(90deg,#f04f5d,#fa5b68);color:#fff;font-weight:600;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover,button:hover{filter:brightness(1.05)}.btn.secondary,button.secondary{background:#162833;color:#c7d0d5;border:1px solid #263b47}.btn.danger,button.danger{background:#a73c49}.btn.teal,button.teal{background:#13b69e}.btn.ghost,button.ghost{background:transparent;border:1px solid #293d49;color:#95a4ad}.btn.small,button.small{padding:6px 9px;font-size:10px;min-height:28px}.btn.block,button.block{width:100%}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.table-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.searchbox{max-width:230px}.table-wrap{overflow:auto;border:1px solid #172b36;background:#0f1d26}table{width:100%;border-collapse:collapse;min-width:670px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #182b35;vertical-align:middle;white-space:nowrap}th{color:#667883;font-size:9px;text-transform:uppercase;letter-spacing:.055em;font-weight:600;background:#101f29}td{color:#aebac1;font-size:10px}tr:hover td{background:#10212b}tr:last-child td{border-bottom:0}code{font:10px Consolas,monospace;color:#aebac1}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:2px;background:var(--teal-soft);color:#32cdb7;font-size:9px}.status-pill.bad{background:rgba(244,81,95,.14);color:#ef707a}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}
.keybox{background:#0b1821;border:1px solid #263c48;padding:9px 11px;font:600 10px Consolas,monospace;color:#d8e1e5;word-break:break-all}.generated-grid{display:grid;gap:8px}.copy-row{display:flex;gap:8px}.copy-row .keybox{flex:1}
.flash{padding:10px 12px;margin-bottom:16px;background:#12302e;border-left:2px solid var(--teal);color:#bde9e2}.flash.error{background:#351e24;border-left-color:var(--accent);color:#efbdc2}

.activity-chart{height:190px;padding:16px 15px 10px}.activity-chart svg{width:100%;height:100%;overflow:visible}.chart-grid line{stroke:#20333e;stroke-width:1}.chart-area{fill:rgba(20,200,174,.09)}.chart-line{fill:none;stroke:#18c8af;stroke-width:2}.chart-dot{fill:#e5ffff;stroke:#18c8af;stroke-width:2}.chart-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:0 15px 14px;color:#546773;font-size:9px;text-align:center}

.auth-page{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#132a36 0,#0b1720 45%,#071119 100%)}
.auth-page::before,.auth-page::after{content:"";position:fixed;left:-8%;right:-8%;bottom:-2%;height:50%;pointer-events:none;opacity:.35}.auth-page::before{background:linear-gradient(135deg,#102732,#0b1720);clip-path:polygon(0 74%,13% 46%,22% 63%,34% 27%,45% 64%,58% 33%,68% 68%,80% 38%,100% 75%,100% 100%,0 100%)}.auth-page::after{height:35%;background:#07131b;opacity:.62;clip-path:polygon(0 70%,17% 42%,30% 72%,44% 44%,57% 77%,72% 49%,83% 69%,100% 43%,100% 100%,0 100%)}
.auth-shell{width:min(420px,calc(100% - 36px));position:relative;z-index:2;text-align:center}.auth-logo{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:42px}.auth-logo img{width:41px;height:41px;filter:grayscale(1) brightness(3.4)}.auth-logo .oz-wordmark{font-size:27px;letter-spacing:.34em}.auth-card{background:rgba(13,27,36,.87);border:1px solid #213640;box-shadow:0 28px 60px rgba(0,0,0,.34);padding:27px 28px 24px;text-align:left;backdrop-filter:blur(10px)}.auth-card h1{text-align:center;font-size:18px;font-weight:500;margin:0 0 6px}.auth-card>p{text-align:center;margin:0 0 24px;color:#87969f}.input-icon{position:relative}.input-icon .ico{position:absolute;left:11px;top:11px;width:14px;height:14px;color:#71828c}.input-icon input{padding-left:35px}.remember-line{display:flex;justify-content:space-between;align-items:center;color:#778792;font-size:10px;margin:1px 0 2px}.checkline{display:flex;align-items:center;gap:6px}.checkline input{width:12px;height:12px;min-height:0}.auth-links{text-align:center;color:#687a85;font-size:10px;margin-top:14px}.auth-links a{color:#7fb3b4}.auth-copyright{text-align:center;color:#586a75;font-size:9px;margin-top:34px}

.public-products{margin-top:16px}.public-actions{display:flex;gap:7px}.site-footer{padding:28px 0 8px;color:#4e616c;font-size:9px;text-align:right}
.oz-overlay{display:none}
.mobile-only{display:none}

@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  :root{--top-h:60px}
  body.sidebar-open{overflow:hidden}
  .oz-sidebar{transform:translateX(-101%);transition:transform .18s ease;width:min(280px,84vw)}
  body.sidebar-open .oz-sidebar{transform:translateX(0)}
  .oz-overlay{display:block;position:fixed;inset:0;background:rgba(2,9,13,.66);z-index:35;opacity:0;pointer-events:none;transition:opacity .18s ease}body.sidebar-open .oz-overlay{opacity:1;pointer-events:auto}
  .oz-main{margin-left:0}.oz-topbar{padding:0 12px}.oz-content{padding:18px 12px 32px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:82px;padding:14px}.stat-icon{right:13px;top:13px}.content-grid{gap:11px}.product-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:7px;flex-direction:column}.crumb{display:none}.form-grid{grid-template-columns:1fr}.row>*{max-width:100%}.table-toolbar{align-items:stretch;flex-direction:column}.searchbox{max-width:none}.account-name{display:none}.fullscreen{display:none}.mobile-only{display:block}.auth-logo{margin-bottom:28px}.auth-card{padding:24px 20px}.copy-row{flex-direction:column}.copy-row button{width:100%}
}
@media(max-width:430px){.stat-grid{grid-template-columns:1fr}.page-head h1{font-size:16px}.redeem-word{font-size:21px}.product-card img{aspect-ratio:1.3/1}}