:root{--primary:#0ea5ff;--secondary:#00d9ff;--accent:#ff8a00;--dark:#06111d;--radius:18px;--success:#14d87a;--danger:#ff4d66;--warning:#ffc928}
html[data-theme="dark"]{--bg:#030910;--bg-grad:#07121d;--panel:#071827;--panel2:#0b2133;--text:#f8fbff;--muted:#9bb1c4;--line:#17344b;--input:#06111d;--sidebar1:#04111d;--sidebar2:#02070c;--topbar:#04101bdd;--navtext:#dbeeff;--ghost:#10283a;--shadow:#0008;--chip:#10283a;--chiptext:#cce9ff}
html[data-theme="light"]{--bg:#f4f7fb;--bg-grad:#eaf3fb;--panel:#ffffff;--panel2:#f5f9fc;--text:#13202d;--muted:#667788;--line:#d8e4ee;--input:#ffffff;--sidebar1:#ffffff;--sidebar2:#eef5fb;--topbar:#ffffffee;--navtext:#203548;--ghost:#eef5fb;--shadow:#18344b1f;--chip:#eaf4fb;--chiptext:#1f5675}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 32%),linear-gradient(145deg,var(--bg-grad),var(--bg) 42%);color:var(--text);font:15px Inter,system-ui,-apple-system,Segoe UI,sans-serif;transition:background .22s,color .22s}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,var(--sidebar1),var(--sidebar2));border-right:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));padding:18px 12px;position:fixed;inset:0 auto 0 0;overflow:auto;transition:background .22s}.brand{display:flex;align-items:center;gap:10px;padding:8px}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block}.brand small,.muted{color:var(--muted)}nav{margin-top:18px;display:grid;gap:7px}nav a{color:var(--navtext);text-decoration:none;padding:12px 14px;border-radius:12px;display:flex;gap:10px;align-items:center}nav a:hover,nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 20%,var(--panel2)),color-mix(in srgb,var(--secondary) 8%,var(--panel2)));box-shadow:0 0 22px color-mix(in srgb,var(--primary) 12%,transparent)}.side-user{margin-top:28px;padding:14px;border-top:1px solid var(--line);display:grid;gap:4px}.side-user a{color:var(--secondary)}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{min-height:92px;border-bottom:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:16px 28px;position:sticky;top:0;z-index:5}.topbar h1{margin:3px 0;font-size:28px}.top-actions{display:flex;align-items:center;gap:10px}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 6px 18px var(--shadow)}.content{padding:24px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--primary)),var(--panel));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:var(--radius);box-shadow:0 12px 35px var(--shadow);padding:20px}.stat{min-height:120px}.stat .label{color:var(--muted)}.stat .value{font-size:30px;font-weight:800;margin-top:10px}.yellow{border-color:#ffd21f}.green{border-color:#14d87a}.orange{border-color:var(--accent)}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#00111d;font-weight:800;text-decoration:none;cursor:pointer}.btn.orange{background:linear-gradient(135deg,var(--accent),#ffd000)}.btn.danger{background:linear-gradient(135deg,#ff375f,#ff7a00);color:white}.btn.ghost{background:var(--ghost);color:var(--text);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full,.full{grid-column:1/-1}.field input,.field select,.field textarea{background:var(--input);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line));color:var(--text);border-radius:12px;padding:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}input[type="color"]{min-height:44px;padding:4px}.field input[type=file]{padding:9px}textarea{min-height:95px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted)}.badge{padding:5px 9px;border-radius:999px;background:var(--chip);color:var(--chiptext);font-size:12px}.notice{padding:13px;border-radius:12px;background:color-mix(in srgb,var(--panel2) 90%,var(--primary));margin:12px 0}.notice.ok{border:1px solid #1cc17c}.notice.warn{border:1px solid #ffc928}.kpi{font-size:28px;font-weight:850}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(460px,100%);background:var(--panel);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:24px;padding:28px;box-shadow:0 25px 80px var(--shadow)}.login-logo{display:block;width:150px;max-height:150px;object-fit:contain;margin:0 auto 14px}.qr-box{background:white;padding:18px;border-radius:18px;display:inline-block}.qr-box img{width:280px;max-width:100%;display:block}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pill{padding:8px 12px;border-radius:999px;background:var(--chip);color:var(--chiptext)}.price{font-size:32px;font-weight:900;color:var(--secondary)}.brand-preview{display:flex;align-items:center;gap:18px;padding:18px;border-radius:16px;background:var(--panel2);border:1px dashed var(--line)}.brand-preview img{width:110px;height:90px;object-fit:contain}.color-row{display:flex;gap:10px;flex-wrap:wrap}.color-dot{width:34px;height:34px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line)}.subdomain-box{padding:14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);word-break:break-all}.hidden{display:none!important}@media(max-width:900px){.sidebar{position:static;width:100%}.app-shell{display:block}.main{margin:0;width:100%}.cards,.grid-3,.grid-2{grid-template-columns:1fr}.topbar{position:static;align-items:flex-start;gap:12px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.field.full,.full{grid-column:auto}.theme-label{display:none}}