*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0e1a;--card:#141829;--border:#262b45;--text:#eef0f8;--muted:#9aa1c0;--accent:#6c5ce7;--accent-2:#8f7ff7;--green:#2ecc71;--amber:#f39c12;--red:#e74c3c}body{background:radial-gradient(1100px 500px at 85% -10%,rgba(108,92,231,.18),transparent 60%),radial-gradient(800px 400px at -10% 30%,rgba(143,127,247,.08),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:40px 28px}.brand{font-size:22px;font-weight:700}.brand span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);font-size:13px;margin-top:2px}.card{background:linear-gradient(180deg,#161b31,#121628);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#3a4170}.card h2{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.stat{background:linear-gradient(180deg,#161b31,#121628);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.stat .num{font-size:26px;font-weight:700;letter-spacing:-.5px}.stat .cap{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:6px}.usage-flex{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.ring-wrap{width:140px;flex-shrink:0;text-align:center}.ring-num{fill:var(--text);font-size:24px;font-weight:700}.ring-cap{fill:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase}.chart{flex:1 1;min-width:280px}.chart svg{width:100%;height:auto;display:block}.bar-label{fill:var(--muted);font-size:10px}.chart-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row .label{color:var(--muted);font-size:14px}.row .value{font-weight:600;font-size:14px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.active{background:rgba(46,204,113,.15);color:var(--green)}.badge.pending{background:rgba(243,156,18,.15);color:var(--amber)}.badge.problem{background:rgba(231,76,60,.15);color:var(--red)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.5)}70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}to{box-shadow:0 0 0 0 rgba(46,204,113,0)}}.embed-head{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.embed-head p{margin:0}pre.embed{background:#0a0c16;border:1px solid var(--border);border-radius:10px;padding:16px;font-size:12px;overflow-x:auto;color:#a8e6cf;margin-top:10px;white-space:pre-wrap;word-break:break-all}.login-box{max-width:400px;margin:12vh auto 0}input[type=email]{padding:13px 15px;border-radius:10px;border:1px solid var(--border);background:#0a0c16;color:var(--text);margin-bottom:12px}button,input[type=email]{width:100%;font-size:15px}button{padding:13px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;font-weight:600;cursor:pointer}button:hover{opacity:.9}.signout-btn{width:auto;padding:8px 18px;font-size:13px;background:transparent;border:1px solid var(--border);color:var(--muted)}.copy-btn{width:auto;padding:6px 14px;font-size:12px;border-radius:8px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.muted{color:var(--muted);font-size:14px;line-height:1.6}.notice{text-align:center;margin-top:14px;font-size:14px}.notice.ok{color:var(--green)}.notice.err{color:var(--red)}input[type=password]{width:100%;padding:13px 15px;border-radius:10px;border:1px solid var(--border);background:#0a0c16;color:var(--text);font-size:15px;margin-bottom:12px}.inline-form{display:inline-flex;gap:8px;align-items:center}.num-input{width:110px;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:#0a0c16;color:var(--text);font-size:13px}.mini-btn{width:auto;padding:7px 14px;font-size:12px;border-radius:8px}.mini-btn.danger{background:linear-gradient(90deg,#e74c3c,#c0392b)}.admin-sub{border-top:1px solid var(--border);margin-top:14px;padding-top:6px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.row{flex-wrap:wrap;row-gap:2px}.row .value{overflow-wrap:anywhere;text-align:right;max-width:100%}.inline-form{flex-wrap:wrap}.inline-form .num-input{max-width:100%}@media (max-width:640px){.container{padding:24px 12px}.topbar{flex-wrap:wrap;gap:12px}.controls{gap:10px}.inline-form{width:100%;row-gap:8px}.inline-form input[type=url]{width:100%!important;flex:1 1 100%}.num-input{flex:1 1 auto}.mini-btn{flex:0 0 auto}.stat .num{font-size:22px}.usage-flex{justify-content:center}.card{padding:18px 14px}}