:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f7f8;background:#050b12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(46,167,189,.2),transparent 34%),linear-gradient(180deg,#061c26f5,#050b12fc 360px),#050b12}button,input,select,textarea{font:inherit}button{min-height:38px;border:1px solid rgba(95,220,240,.28);border-radius:6px;padding:0 14px;color:#f2f7f8;background:linear-gradient(180deg,#155364,#0d3440);cursor:pointer;box-shadow:inset 0 1px #ffffff0d}button:hover:not(:disabled){background:linear-gradient(180deg,#196577,#104452);border-color:#5fdcf06b}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{width:100%;border:1px solid rgba(80,210,230,.18);border-radius:6px;padding:11px 12px;color:#f2f7f8;background:#061018;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#5fdcf0b8;box-shadow:0 0 0 3px #5fdcf024}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:0}h2{color:#f3fbfb;font-size:1rem;letter-spacing:0}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid rgba(80,210,230,.12);padding:12px 10px;text-align:left;vertical-align:top}th{color:#a8dce4;font-size:.76rem;font-weight:700;text-transform:uppercase}td{color:#dbe8eb;font-size:.88rem;line-height:1.35}.shell{width:min(1480px,100%);margin:0 auto;padding:28px}.topbar{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:20px}.eyebrow{margin:0 0 8px;color:#5fdcf0;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.baseline{margin-top:10px;color:#9fb9c0;font-size:.94rem;line-height:1.45}.token-form{width:min(420px,100%);display:grid;grid-template-columns:1fr auto;gap:10px}.login-shell{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(520px,100%)}.login-form{display:grid;gap:12px;margin-top:22px}.session-card{min-width:min(360px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;border:1px solid rgba(80,210,230,.18);border-radius:8px;padding:12px;background:#07151ac7}.session-card strong,.session-card span{overflow-wrap:anywhere}.session-card span{color:#5fdcf0;font-size:.78rem;font-weight:800}.session-card button{grid-row:span 2}.banner{margin-bottom:16px;border:1px solid;border-radius:8px;padding:12px 14px}.banner-error{border-color:#ff6b6b5c;color:#ffd6d6;background:#441218b8}.banner-ok{border-color:#6ee7b757;color:#d9fff0;background:#0a2c24b8}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.grid-status{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr)}.panel{border:1px solid rgba(80,210,230,.18);border-radius:8px;background:linear-gradient(180deg,#081a20f5,#07151af5);box-shadow:0 18px 48px #0000003d,inset 0 1px #5fdcf00a;padding:18px}.grid-status .panel:first-child{background:linear-gradient(90deg,rgba(95,220,240,.07),transparent 38%),linear-gradient(180deg,#081a20f7,#051016f7)}.panel-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.metric{min-height:76px;border:1px solid rgba(80,210,230,.16);border-radius:7px;padding:12px;background:#0b2028}.metric span{display:block;margin-bottom:8px;color:#9fb9c0;font-size:.78rem}.metric strong{display:block;color:#f2f7f8;font-size:.98rem;line-height:1.3;overflow-wrap:anywhere}.summary-row .metric{border-color:#5fdcf047;box-shadow:0 0 22px #2ea7bd14}.summary-row .metric strong{color:#5fdcf0;font-size:1.35rem}.profile-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.65fr) minmax(280px,.8fr);gap:14px;align-items:start}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form{display:grid;gap:10px;border:1px solid rgba(80,210,230,.14);border-radius:7px;padding:12px;background:#0b2028}.profile-form h2{margin-bottom:2px}.muted,.empty{color:#9fb9c0}.warning{margin:0 0 14px;border:1px solid rgba(95,220,240,.14);border-left:3px solid #5fdcf0;border-radius:0 6px 6px 0;padding:9px 0 9px 12px;color:#c6dde2;background:#2ea7bd14}.composer{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr) auto;gap:10px;align-items:start}.user-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.7fr) minmax(130px,.45fr) minmax(190px,.8fr) auto;gap:10px;margin-bottom:16px;align-items:start}.routing-form,.optout-form{display:grid;gap:10px;margin-bottom:16px;align-items:start}.routing-form{grid-template-columns:repeat(4,minmax(130px,1fr))}.optout-form{grid-template-columns:minmax(180px,.5fr) minmax(220px,1fr) auto}.action-cell{display:flex;flex-wrap:wrap;gap:8px}.table-panel{min-width:0}.table-scroll{overflow-x:auto}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{min-height:32px;padding:0 10px;color:#b9d1d7;background:#07151a;border-color:#50d2e629}.tabs button.active{color:#031017;background:#5fdcf0;border-color:#5fdcf0b3}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.badge{display:inline-flex;min-height:24px;align-items:center;border:1px solid rgba(80,210,230,.22);border-radius:999px;padding:2px 9px;color:#cdebf0;background:#0b2028e6;font-size:.76rem;font-weight:750;white-space:nowrap}.badge-queued,.badge-sending,.badge-pending{border-color:#7dd3fc5c;color:#d4f1ff;background:#0e3040db}.badge-sent,.badge-forwarded,.badge-accepted{border-color:#6ee7b752;color:#d9fff0;background:#0d271ddb}.badge-failed{border-color:#ff6b6b57;color:#ffd6d6;background:#3a1016e6}.badge-cancelled,.badge-disabled,.badge-misconfigured{border-color:#8b98a54d;color:#c7d0d8;background:#1a2225e6}.link-button{min-height:30px;padding:0 9px;color:#c9f7ff;background:transparent;border-color:#5fdcf042}tbody tr{transition:background-color .14s ease}tbody tr:hover{background:#2ea7bd0e}@media(max-width:1100px){.grid,.grid-status,.profile-grid,.composer,.user-form,.routing-form,.optout-form{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:18px}.topbar{align-items:stretch;flex-direction:column}.token-form,.session-card,.profile-metrics,.summary-row,.metrics{grid-template-columns:1fr}.panel-heading{align-items:stretch;flex-direction:column}}