:root{color-scheme:dark;--bg:#070b14;--sidebar:#0a101d;--panel:#101827;--panel-2:#131d30;--panel-soft:rgba(255,255,255,.025);--border:rgba(148,163,184,.13);--border-strong:rgba(148,163,184,.22);--text:#f8fafc;--muted:#94a3b8;--muted-2:#64748b;--violet:#8b5cf6;--blue:#3b82f6;--cyan:#22d3ee;--green:#34d399;--amber:#fbbf24;--red:#fb7185;--shadow:0 24px 70px rgba(0,0,0,.3);--radius:20px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:linear-gradient(180deg,#0a101d,#080d17);border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;padding:4px 8px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--blue),var(--cyan));font-weight:800;box-shadow:0 10px 26px rgba(34,211,238,.14)}.brand strong{display:block;font-size:16px;line-height:1}.brand small{display:block;margin-top:5px;color:var(--muted-2);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.nav-list{display:grid;gap:7px;margin-top:36px}.nav-item{width:100%;height:46px;padding:0 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;transition:.18s}.nav-item span:first-child{width:22px;color:var(--muted-2);font-size:18px;text-align:center}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.035)}.nav-item.active{color:var(--text);border-color:rgba(34,211,238,.14);background:linear-gradient(90deg,rgba(59,130,246,.14),rgba(34,211,238,.06))}.nav-item.active span:first-child{color:var(--cyan)}.sidebar-footer{margin-top:auto;padding:16px 8px 6px;border-top:1px solid var(--border)}.environment{display:flex;align-items:center;gap:10px}.environment-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(52,211,153,.08)}.environment strong,.environment small{display:block}.environment strong{font-size:12px}.environment small{margin-top:3px;color:var(--muted-2);font-size:10px}.text-button{margin-top:18px;padding:0;border:0;background:transparent;color:var(--muted-2);font-size:12px;cursor:pointer}.text-button:hover{color:var(--red)}.workspace{min-width:0;padding:28px 34px 48px}.topbar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-kicker{margin:0 0 5px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.topbar h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.035em}.topbar-actions{display:flex;align-items:center;gap:10px}.connection-state{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11px}.connection-state span:first-child{width:8px;height:8px;border-radius:50%;background:var(--amber)}.connection-state.online span:first-child{background:var(--green)}.connection-state.offline span:first-child{background:var(--red)}.icon-button,.secondary-button,.primary-button{border:0;cursor:pointer;transition:.18s}.icon-button{width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--panel-soft);font-size:20px}.icon-button:hover{border-color:var(--border-strong);background:rgba(255,255,255,.055)}.primary-button{min-height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--blue),var(--cyan));color:#fff;font-weight:700;font-size:13px;box-shadow:0 10px 28px rgba(59,130,246,.18)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(59,130,246,.25)}.secondary-button{min-height:38px;padding:0 15px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--muted);font-size:12px}.secondary-button:hover{border-color:var(--cyan);color:var(--text)}.view{display:none}.view.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(18,28,47,.96),rgba(12,18,31,.96));box-shadow:0 14px 36px rgba(0,0,0,.16)}.metric-card .metric-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.metric-card .metric-icon{color:var(--cyan)}.metric-card strong{display:block;margin-top:14px;font-size:30px;letter-spacing:-.04em}.metric-card small{display:block;margin-top:7px;color:var(--muted-2);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,rgba(16,24,39,.97),rgba(11,17,29,.97));box-shadow:0 18px 50px rgba(0,0,0,.17)}.panel-head{padding:22px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.panel-kicker{display:block;margin-bottom:7px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.subtle-pill{padding:6px 10px;border:1px solid rgba(52,211,153,.16);border-radius:999px;background:rgba(52,211,153,.07);color:#6ee7b7;font-size:10px}.health-list{padding:8px 24px 20px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}.health-row:last-child{border-bottom:0}.health-row>div{display:flex;align-items:center;gap:12px}.health-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(34,211,238,.07);color:var(--cyan)}.health-row strong{display:block;font-size:13px}.health-row small{display:block;margin-top:3px;color:var(--muted-2);font-size:10px}.health-value{color:var(--muted);font-size:12px}.release-card{padding:26px}.release-version{font-size:42px;font-weight:800;letter-spacing:-.05em}.release-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.release-meta span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font-size:10px}.release-notes{color:var(--muted);font-size:12px;line-height:1.7}.quick-panel{margin-top:18px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.quick-grid button{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--panel-soft);text-align:left;cursor:pointer;transition:.18s}.quick-grid button:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.25);background:rgba(34,211,238,.045)}.quick-grid span{color:var(--cyan);font-size:10px;font-weight:800}.quick-grid strong{display:block;margin:10px 0 5px;font-size:14px}.quick-grid small{color:var(--muted-2);font-size:11px;line-height:1.5}.table-panel{overflow:hidden}.panel-toolbar{min-height:70px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.search-box{min-width:280px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.search-box span{color:var(--muted-2)}.search-box input{width:100%;height:40px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-box input::placeholder{color:#475569}.panel-toolbar select,.modal select,.modal input,.modal textarea{border:1px solid var(--border);border-radius:11px;background:#0c1423;color:var(--text);outline:0}.panel-toolbar select{height:40px;padding:0 34px 0 12px;font-size:12px}.toolbar-copy{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:11px}.toolbar-copy strong{color:var(--text);font-size:18px}.toolbar-description{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:15px 18px;border-bottom:1px solid var(--border);text-align:left}th{color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.012)}td{color:#cbd5e1;font-size:12px}tbody tr:hover{background:rgba(255,255,255,.018)}.entity-title{display:block;color:var(--text);font-size:12px;font-weight:700}.entity-sub{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.active,.badge.paid,.badge.published{background:rgba(52,211,153,.1);color:#6ee7b7}.badge.suspended,.badge.pending,.badge.draft{background:rgba(251,191,36,.1);color:#fcd34d}.badge.revoked,.badge.cancelled,.badge.retired,.badge.deleted{background:rgba(251,113,133,.1);color:#fda4af}.badge.expired,.badge.refunded,.badge.unbound{background:rgba(148,163,184,.1);color:#cbd5e1}.table-actions{display:flex;gap:7px;flex-wrap:wrap}.table-action{padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.table-action:hover{border-color:var(--cyan);color:var(--text)}.table-action.danger:hover{border-color:var(--red);color:var(--red)}.empty-state{padding:70px 20px;text-align:center}.empty-state strong,.empty-state span{display:block}.empty-state strong{font-size:15px}.empty-state span{max-width:420px;margin:8px auto 0;color:var(--muted-2);font-size:11px;line-height:1.7}.timeline{padding:12px 24px 24px}.timeline-item{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:0}.timeline-item:before{content:"";position:absolute;left:4px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(34,211,238,.07)}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.timeline-head strong{font-size:12px}.timeline-head time{color:var(--muted-2);font-size:10px}.timeline-meta{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.6}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(59,130,246,.18),transparent 32%),radial-gradient(circle at 18% 78%,rgba(139,92,246,.12),transparent 28%),var(--bg)}.login-card{position:relative;width:min(460px,100%);padding:34px;border:1px solid var(--border);border-radius:26px;background:rgba(13,20,34,.92);box-shadow:var(--shadow);backdrop-filter:blur(26px)}.login-brand{padding:0}.login-copy{margin:34px 0 26px}.login-kicker{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.login-copy h1{margin:11px 0 12px;font-size:32px;letter-spacing:-.04em}.login-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.login-card form{display:grid;gap:11px}.login-card label,.modal label{color:#cbd5e1;font-size:11px;font-weight:600}.login-card input,.modal input,.modal select,.modal textarea{width:100%;padding:0 13px;color:var(--text)}.login-card>form>input,.token-input{height:44px;border:1px solid var(--border);border-radius:12px;background:#0c1423}.login-card>form>input{outline:0}.token-input{display:flex;align-items:center}.token-input input{height:42px;border:0;outline:0;background:transparent}.token-input button{padding:0 12px;border:0;background:transparent;color:var(--cyan);font-size:11px;cursor:pointer}.login-button{margin-top:8px;height:46px}.form-error{margin:0;padding:10px 12px;border:1px solid rgba(251,113,133,.2);border-radius:10px;background:rgba(251,113,133,.07);color:#fda4af;font-size:11px}.login-foot{display:flex;justify-content:center;gap:8px;margin-top:22px}.login-foot span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.03);color:var(--muted-2);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(2,6,13,.74);backdrop-filter:blur(8px)}.modal{width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border-strong);border-radius:22px;background:#0c1423;box-shadow:0 30px 100px rgba(0,0,0,.55)}.modal>header{position:sticky;top:0;z-index:2;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(12,20,35,.96);backdrop-filter:blur(16px)}.modal h2{margin:0;font-size:20px}.modal-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1/-1}.modal input,.modal select{height:42px}.modal textarea{min-height:100px;padding:12px 13px;resize:vertical}.form-hint{margin:0;color:var(--muted-2);font-size:10px;line-height:1.6}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.secret-result{padding:18px;border:1px solid rgba(34,211,238,.2);border-radius:14px;background:rgba(34,211,238,.055)}.secret-result code{display:block;margin:12px 0;padding:14px;border-radius:10px;background:#050912;color:#a5f3fc;font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;word-break:break-all}.secret-warning{color:#fcd34d;font-size:11px;line-height:1.6}.device-list{display:grid;gap:10px}.device-card{padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--panel-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.device-card strong{display:block;font-size:12px}.device-card small{display:block;margin-top:4px;color:var(--muted-2);font-size:10px}.toast-region{position:fixed;right:22px;bottom:22px;z-index:2000;display:grid;gap:10px}.toast{min-width:260px;max-width:360px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:#111a2c;box-shadow:var(--shadow);font-size:12px;animation:toast-in .2s ease}.toast.success{border-color:rgba(52,211,153,.25)}.toast.error{border-color:rgba(251,113,133,.28);color:#fda4af}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:14px}.brand{justify-content:center}.nav-list{margin-top:16px;grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center}.nav-item span:first-child{display:none}.sidebar-footer{display:none}.workspace{padding:22px 16px 40px}.topbar{align-items:flex-start}.connection-state{display:none}.panel-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}}@media(max-width:560px){.metric-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column}.topbar-actions{width:100%}.topbar-actions .primary-button{flex:1}.login-card{padding:26px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}}