:root{color:#e9edff;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,a{font:inherit}.center{min-height:100vh;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px}.login p{color:#9ba6c2;margin:0 0 28px}.brand,.wordmark span{display:grid;place-content:center;background:linear-gradient(140deg,#7467ff,#36b9ff);border-radius:14px;font-weight:900}.brand{width:56px;height:56px;font-size:28px}.primary,.danger{border:0;border-radius:10px;color:#fff;padding:12px 18px;text-decoration:none;cursor:pointer}.primary{background:#635bff}.danger{background:#d94b63;margin-right:12px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{border-right:1px solid #1e2433;padding:24px 16px;display:flex;flex-direction:column}.wordmark{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:750;padding:0 8px 28px}.wordmark span{width:32px;height:32px}nav{display:grid;gap:5px}nav button,.quiet,.mobile-nav button{color:#9ba6c2;background:transparent;border:0;border-radius:9px;padding:11px 12px;text-align:left;cursor:pointer}nav button.active,nav button:hover,.mobile-nav button.active{color:#fff;background:#171c2b}.quiet{margin-top:auto}.shell>main{padding:36px clamp(20px,5vw,72px);overflow:hidden}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}h1,h2,p{margin-top:0}.eyebrow,.label{color:#7d89a8;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}select{color:#fff;background:#151a28;border:1px solid #2a3247;border-radius:10px;min-height:44px;padding:0 14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}article,.panel{background:#111622;border:1px solid #222a3c;border-radius:14px;padding:22px}.wide{grid-column:1/-1}.activity{display:grid;gap:1px;background:#222a3c}.activity>div{background:#111622;display:grid;grid-template-columns:90px 1.2fr 1fr auto;gap:12px;padding:13px 8px;align-items:center}.activity span,time,small{color:#9ba6c2}.activity .succeeded{color:#65d7a1}.activity .failed{color:#ff7c8f}dl{display:grid;grid-template-columns:140px 1fr;gap:12px;margin:28px 0}dt{color:#8f9ab7}dd{margin:0}.mobile-nav{display:none}.error{background:#421d28;color:#ffb4c0;padding:12px 16px;border-radius:10px;margin-bottom:20px}.confirm,form,.form-list,.rows{display:grid;gap:12px}form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;margin:24px 0}input{min-height:44px;color:#fff;background:#151a28;border:1px solid #2a3247;border-radius:10px;padding:0 14px}.form-list label,.rows>div{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;padding:10px 0}.rows>div{grid-template-columns:1fr auto;border-top:1px solid #222a3c}@media(max-width:720px){.shell{display:block}aside{display:none}.shell>main{padding:22px 16px}header{align-items:stretch;flex-direction:column}.mobile-nav{display:flex;overflow-x:auto;gap:4px;margin:0 -16px 20px;padding:0 16px 8px}.mobile-nav button{white-space:nowrap;min-height:44px}.grid{grid-template-columns:1fr}.activity>div{grid-template-columns:1fr 1fr}.activity time{text-align:right}dl,form,.form-list label{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}}.message-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:1rem}.composer-form,.message-preview{min-width:0}.composer-form label{display:grid;gap:.4rem;margin-bottom:1rem}.composer-form textarea{min-height:7rem;resize:vertical}.embed-preview{border-left:4px solid #5865f2;border-radius:.35rem;padding:1rem;background:#111827;overflow-wrap:anywhere}@media(max-width:720px){.message-composer{grid-template-columns:1fr}.message-preview{order:-1}}