:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1c1c1c;--surface-3: #242424;--border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--text-dim: rgba(255, 255, 255, .6);--text-faint: rgba(255, 255, 255, .4);--accent: #ff453a;--accent-hover: #ff5b50;--good: #30d158;--warn: #ff9f0a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:var(--surface-2);color:var(--text);padding:9px 14px;border-radius:8px;transition:background .12s}button:hover{background:var(--surface-3)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:var(--accent-hover)}button.ghost{background:transparent}button.danger{background:transparent;color:var(--accent)}input,select{font-family:inherit;font-size:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.page{max-width:920px;margin:0 auto;padding:32px 24px 64px}.row{display:flex;gap:12px;align-items:center}.spaced>*+*{margin-top:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.h2{font-size:18px;font-weight:600;margin:0}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.error{color:var(--accent);font-size:13px}.success{color:var(--good);font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.topbar .brand{font-weight:700;letter-spacing:-.02em}.topbar nav{display:flex;gap:6px}.topbar nav a{text-decoration:none;padding:6px 12px;border-radius:8px;font-size:14px;color:var(--text-dim)}.topbar nav a.active{color:var(--text);background:var(--surface-2)}.code-display{font-family:ui-monospace,SFMono-Regular,monospace;font-size:44px;letter-spacing:.18em;font-weight:700;text-align:center;padding:26px;background:var(--surface-2);border-radius:12px;color:var(--text)}.device-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.device-row:last-child{border-bottom:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{padding:18px 20px}.stat-value{margin-top:6px;font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-table input[type=number],.admin-table select{padding:6px 8px;font-size:13px}.toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:40px;height:24px;border-radius:999px;background:var(--surface-3);position:relative;cursor:pointer;transition:background .12s;padding:0}.toggle.on{background:var(--good)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .14s}.toggle.on .toggle-knob{transform:translate(16px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge.live{background:#30d15824;color:var(--good)}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.audit-list{display:flex;flex-direction:column}.audit-row{display:grid;grid-template-columns:110px 1fr 1.4fr 1.6fr;gap:12px;padding:9px 0;font-size:13px;border-bottom:1px solid var(--border);align-items:baseline}.audit-row:last-child{border-bottom:none}.audit-row code{font-family:ui-monospace,SFMono-Regular,monospace;background:var(--surface-2);padding:1px 6px;border-radius:4px;font-size:12px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,96vw);background:var(--surface);border-left:1px solid var(--border);padding:22px 24px;overflow-y:auto;z-index:51;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.drilldown-section{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 10px;font-weight:600}.packages-page{max-width:1280px}.packages-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;height:calc(100vh - 230px);min-height:480px}.packages-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.packages-create{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--border)}.packages-create input{flex:1;font-size:13px;padding:8px 10px}.packages-create button{padding:8px 12px;font-weight:700}.packages-search{padding:10px 12px;border-bottom:1px solid var(--border)}.packages-search input{font-size:13px;padding:7px 10px;background:var(--surface-2)}.packages-list{flex:1;overflow-y:auto;padding:4px 0}.packages-list-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;width:100%;text-align:left;padding:10px 14px;cursor:pointer;border-radius:0;transition:background .08s}.packages-list-row:hover{background:#ffffff0a}.packages-list-row.selected{background:#ff453a24;border-left:2px solid var(--accent);padding-left:12px}.packages-list-name{display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px}.packages-list-meta{font-size:11px;color:var(--text-faint);margin-top:2px;font-variant-numeric:tabular-nums}.dirty-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn)}.packages-detail{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;overflow-y:auto}@media(max-width:760px){.packages-layout{grid-template-columns:1fr;height:auto}.packages-sidebar{max-height:320px}}