:root{color:#f5f7fb;background:#0b1120;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{min-width:320px;margin:0}.dashboard{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.dashboard>header{background:linear-gradient(135deg,#172554,#0f172a 58%);border:1px solid #334155;border-radius:1rem;justify-content:space-between;align-items:start;gap:1.5rem;padding:1.5rem;display:flex}.header-content{min-width:0}.eyebrow{color:#7dd3fc;letter-spacing:.18em;margin:0;font-size:.75rem;font-weight:700}h1{margin:.25rem 0;font-size:clamp(2rem,6vw,4rem)}.dashboard h2{margin-top:0}.card{background:#172033;border:1px solid #334155;border-radius:1rem;margin-top:1rem;padding:1.25rem;box-shadow:0 12px 32px #00000029}.muted{color:#cbd5e1}.account-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button-link{box-sizing:border-box;color:#fff;background:#2563eb;border-radius:.6rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-link:hover{background:#1d4ed8}.button-link.secondary{background:#334155}.button-link.secondary:hover{background:#475569}.dashboard label{color:#cbd5e1;gap:.4rem;font-size:.9rem;font-weight:600;display:grid}.guild-picker{max-width:24rem}.card form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.card form label{grid-column:1/-1}input,select{box-sizing:border-box;min-width:0;min-height:2.75rem;color:inherit;font:inherit;background:#0f172a;border:1px solid #475569;border-radius:.6rem;padding:.65rem .8rem}input::placeholder{color:#94a3b8}.controls{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;display:grid}button{color:#fff;cursor:pointer;min-height:2.75rem;font:inherit;background:#2563eb;border:0;border-radius:.6rem;padding:.7rem 1rem;font-weight:700}button:not(:disabled):hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#475569}input:focus-visible,select:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}@media (width<=560px){.dashboard{padding-top:1rem}.dashboard>header,.card{padding:1rem}.dashboard>header{flex-direction:column;align-items:stretch}.account-actions>*{flex:1}.card form{grid-template-columns:1fr}.card form button{width:100%}}