:root{--bg:#0b0c10;--panel:#151820;--panel2:#1c202a;--line:#2a303c;--text:#f2f4f8;--muted:#9aa4b2;--accent:#e53935;--accent2:#ff5a52;--good:#35c77a;--warn:#f2b84b;--bad:#ef5350;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at top right,#1a1013 0,#0b0c10 34%,#090a0d 100%);color:var(--text);font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}code{font-family:"JetBrains Mono",Consolas,monospace}.layout{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:rgba(13,15,20,.94);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;backdrop-filter:blur(16px)}.logo{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.logo>span,.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),#8c1118);box-shadow:0 8px 30px rgba(229,57,53,.28);font-weight:900;letter-spacing:-1px}.logo>span{width:42px;height:42px;border-radius:12px}.logo strong{display:block;font-size:14px}.logo small{display:block;color:var(--muted);font-size:11px}.sidebar nav{display:grid;gap:5px}.sidebar nav a,.logout{padding:10px 12px;border-radius:9px;color:#b6beca;transition:.18s}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.logout{margin-top:auto;color:#e48d8d}.content{padding:30px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.topbar h1{margin:0;font-size:29px}.topbar p{margin:4px 0 0;color:var(--muted)}.status-pill{border:1px solid rgba(53,199,122,.35);background:rgba(53,199,122,.09);color:#73e5a8;padding:6px 10px;border-radius:999px;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;margin-top:6px;font-size:25px}.danger-stat strong{color:#ff7773}.panel{background:rgba(21,24,32,.92);border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stack{display:grid;gap:14px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;color:#c5cbd5;font-size:13px}input,select,textarea{width:100%;border:1px solid #343b49;background:#0f1117;color:#fff;border-radius:9px;padding:10px 11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#c43436;box-shadow:0 0 0 3px rgba(229,57,53,.12)}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px;min-height:42px;padding-top:3px}.check input{width:auto}.actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a414e;background:#20242e;color:#fff;border-radius:9px;padding:9px 14px;font-weight:700;cursor:pointer}.button.primary{border-color:#d33b38;background:linear-gradient(135deg,var(--accent2),#b91d23)}.button:hover{filter:brightness(1.08)}.text-link,.link-button{color:#ff7773}.link-button{border:0;background:none;padding:0;cursor:pointer;font:inherit}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #272c36;vertical-align:top}th{background:#11141a;color:#9ea8b5;font-size:11px;text-transform:uppercase;letter-spacing:.06em}tbody tr:hover{background:rgba(255,255,255,.018)}tbody tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;background:#333}.badge.sent,.badge.active,.badge.info{background:rgba(53,199,122,.14);color:#68d99c}.badge.pending,.badge.queued,.badge.claimed,.badge.warning{background:rgba(242,184,75,.14);color:#f2c56c}.badge.failed,.badge.danger,.badge.error{background:rgba(239,83,80,.14);color:#ff7773}.badge.paid{background:rgba(99,154,255,.14);color:#91b6ff}.empty{text-align:center;color:var(--muted);padding:28px}.subline,.secret-preview,.error-text{font-size:11px;color:var(--muted);margin-top:3px}.error-text{color:#ff8d89;max-width:340px}.json-code{display:block;max-width:620px;white-space:pre-wrap;word-break:break-word;font-size:11px;color:#aeb7c4}.alert{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 16px;white-space:normal}.alert.success{background:rgba(53,199,122,.1);border-color:rgba(53,199,122,.3);color:#8ce5b5}.alert.danger{background:rgba(239,83,80,.1);border-color:rgba(239,83,80,.3);color:#ff9692}.steps{margin:0;padding-left:22px;color:#c4cad3}.steps li{padding:5px 0}.code-box{margin-top:15px;padding:12px;border-radius:9px;background:#0d0f14;display:grid;gap:6px;overflow-wrap:anywhere}.endpoint-list{display:grid;gap:9px}.endpoint-list code{display:block;background:#0d0f14;border:1px solid #272d37;border-radius:8px;padding:9px;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;margin:0}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.auth-body{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(440px,100%);background:rgba(20,23,30,.94);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.brand-mark{width:58px;height:58px;border-radius:16px;margin-bottom:18px;font-size:20px}.auth-card h1{margin:0}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:18px 0 0}.auth-card .button{width:100%;margin-top:3px}@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:860px){.layout{display:block}.sidebar{position:static;width:auto;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout{display:block;margin-top:12px}.content{padding:20px}.two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.content{padding:14px}.topbar{align-items:flex-start}.status-pill{display:none}.stat-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.sidebar nav{grid-template-columns:1fr 1fr}.panel{padding:14px}.stat strong{font-size:20px}}
.requirements{display:grid;gap:8px;margin-top:18px}.requirement{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#0f1117}.requirement span{font-size:12px;font-weight:700}.requirement code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.requirement.ok span{color:#73e5a8}.requirement.fail{border-color:rgba(239,83,80,.4)}.requirement.fail span{color:#ff9692}
.device-product-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;align-items:center;min-width:360px}.button.small{padding:8px 10px;font-size:12px}.steps.compact{font-size:13px}.token-rotate-form{margin-top:12px}.stack .hint{margin:0;display:block}.device-product-form select{min-width:220px}@media(max-width:700px){.device-product-form{grid-template-columns:1fr;min-width:260px}}
