.auth{min-height:100dvh;padding:var(--space-6);background:linear-gradient(180deg, var(--surface), var(--canvas-deep));place-items:center;display:grid}.auth-card{gap:var(--space-5);width:min(380px,100%);display:grid}.auth-card h1{font-size:36px}.auth-card form{gap:var(--space-4);display:grid}.console{background:var(--canvas-deep);grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.sidebar{gap:var(--space-6);height:100dvh;padding:var(--space-6) var(--space-4);background:var(--canvas);border-right:1px solid var(--hairline);flex-direction:column;display:flex;position:sticky;top:0}.sidebar .wordmark{font-family:var(--serif);padding:0 var(--space-3);font-size:30px;font-weight:300}.sidebar nav{gap:var(--space-1);display:grid}.sidebar nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-field);color:var(--cream-muted);text-decoration:none}.sidebar nav a:hover{color:var(--cream);background:#ece3cf0d}.sidebar nav a[aria-current=page]{color:var(--cream);background:#f47a3e1f}.sidebar .who{gap:var(--space-2);padding:0 var(--space-3);color:var(--cream-faint);overflow-wrap:anywhere;margin-top:auto;font-size:13px;display:grid}.page{padding:var(--space-8) var(--space-8) var(--space-12);gap:var(--space-6);align-content:start;max-width:1200px;display:grid}.page-head{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head h1{margin-top:var(--space-1);font-size:40px}.tabs{gap:var(--space-2);display:flex}.tabs a{padding:var(--space-2) var(--space-4);border:1px solid var(--hairline);color:var(--cream-muted);border-radius:999px;font-size:14px;text-decoration:none}.tabs a[aria-current=page]{background:var(--cream);color:var(--canvas-deep);border-color:var(--cream)}.table-wrap{border:1px solid var(--hairline);border-radius:var(--radius-card);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font:500 11px/1.4 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--cream-faint);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);white-space:nowrap}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--hairline);vertical-align:middle}tr:last-child td{border-bottom:0}td.actions{white-space:nowrap;text-align:right}td.actions>*+*{margin-left:var(--space-4)}.empty{padding:var(--space-8);text-align:center;color:var(--cream-muted)}.tag{border:1px solid var(--hairline);color:var(--cream-muted);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.tag.joined{color:var(--gold);border-color:#c9a24b66}.tag.sent{color:var(--cream)}.tag.expired,.tag.cancelled{color:var(--cream-faint)}.tag.failed{color:var(--danger);border-color:#e8635a66}.tag.live{color:var(--ember);border-color:#f47a3e66}.grid-2{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.stack{gap:var(--space-4);display:grid}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.tile{gap:var(--space-1);display:grid}.tile .value{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:44px;font-weight:300;line-height:1.1}.tile .target{color:var(--cream-faint);font-size:13px}.segmented{border:1px solid var(--hairline);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--cream-muted);font:14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.segmented button[aria-pressed=true]{background:var(--cream);color:var(--canvas-deep)}.zones{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(3,1fr);font-size:13px;display:grid}.zones div{justify-content:space-between;gap:var(--space-2);display:flex}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-field);background:#ece3cf0d;font-size:14px}.notice.error{color:var(--danger);background:#e8635a1a}@media (max-width:900px){.console{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.sidebar nav{display:flex}.sidebar .who{margin:0 0 0 auto}.page{padding:var(--space-6) var(--space-4)}.grid-2{grid-template-columns:1fr}.zones{grid-template-columns:1fr 1fr}}
