:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#eff4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 30%),linear-gradient(180deg,#0b1020,#121933)}button,input,textarea,select{font:inherit}.page-shell{width:min(1440px,calc(100vw - 48px));margin:0 auto;padding:32px 0 48px}.page-header,.panel-header,.inline-actions,.dashboard-grid,.content-grid{display:flex;gap:16px}.page-header,.panel-header{align-items:flex-start;justify-content:space-between}.page-header{margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#7dd3fc;font-size:12px;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:32px;margin-bottom:8px}.subtext{max-width:760px;color:#9fb2d0;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.metric-card,.panel,.alert{border:1px solid rgba(148,163,184,.15);background:#0f172ac7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 60px #0f172a59}.metric-card{border-radius:20px;padding:20px}.metric-card span{display:block;color:#9fb2d0;margin-bottom:10px}.metric-card strong{font-size:36px}.alert{margin-bottom:16px;border-radius:16px;padding:14px 16px}.error-alert{color:#fecaca;border-color:#f8717166}.success-alert{color:#bbf7d0;border-color:#4ade8059}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.panel{border-radius:24px;padding:20px}.panel-header{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}label{display:grid;gap:8px;color:#c5d0e6}label span{font-size:13px}.full-width{grid-column:1 / -1}input,textarea,select{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:12px 14px;background:#0f172a8c;color:#eff4ff}textarea{resize:vertical}.primary-button,.secondary-button{border:none;border-radius:14px;padding:12px 16px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary-button{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#08101f;font-weight:700;box-shadow:0 16px 30px #38bdf840}.secondary-button{background:#94a3b824;color:#eff4ff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.table-shell{overflow:auto;border-radius:16px;border:1px solid rgba(148,163,184,.1)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(148,163,184,.08)}th{color:#9fb2d0;font-size:13px}.mono,.otp-code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.otp-code{font-size:24px;font-weight:700;letter-spacing:.08em}.mailbox-list{display:grid;gap:12px}.mailbox-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:14px;background:#0f172a66;color:#eff4ff;cursor:pointer}.mailbox-card.selected{border-color:#38bdf8b3;box-shadow:inset 0 0 0 1px #38bdf840}.mailbox-card p{margin-top:6px;color:#9fb2d0;font-size:13px}.pill{border-radius:999px;padding:6px 10px;background:#38bdf829;color:#7dd3fc;font-size:12px}.preview-card{margin-top:16px;padding:16px;border-radius:16px;background:#0f172a73;border:1px solid rgba(148,163,184,.12)}.token-panel,.empty-panel{margin-bottom:24px}.compact-header{align-items:center}.panel-description,.helper-text{color:#9fb2d0;line-height:1.6}.panel-description{margin-top:6px}.token-grid{display:grid;gap:12px}.align-end{justify-content:flex-end}.result-card{margin:16px 0;padding:16px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:#0f172a73}.result-card h3{margin-bottom:10px}.result-card p+p{margin-top:8px}.slim-card{margin-top:0}.compact-mailbox-list{max-height:360px;overflow:auto}.limit-inline{display:inline-grid;gap:8px;min-width:160px}.pill-success{background:#4ade802e;color:#86efac}.pill-muted{background:#94a3b81f;color:#cbd5f5}code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;padding:2px 6px;border-radius:8px;background:#0f172a8c}@media(max-width:1100px){.dashboard-grid,.content-grid,.form-grid{grid-template-columns:1fr}.page-shell{width:min(100vw - 24px,1440px)}}