:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#09111e;color:#e6edf7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#173763 0,#09111e 45%)}header,main{max-width:1100px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #26415f}h1,h2,p{margin-top:0}h1{font-size:1.8rem;margin-bottom:0}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.12em;color:#79b8ff;margin-bottom:7px}.grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.panel,.card{background:#101e31cc;border:1px solid #2c4d71;border-radius:14px;padding:24px;box-shadow:0 18px 45px #02081255}.panel h2{font-size:1.15rem}.stack,label{display:grid;gap:7px}label{font-size:.88rem;margin-bottom:14px}label span,.muted{color:#9aacc2}input{width:100%;border:1px solid #456788;background:#081424;color:#edf5ff;border-radius:8px;padding:11px 12px;font:inherit}input:focus{outline:2px solid #2d85e9;border-color:transparent}button{border:0;border-radius:8px;padding:11px 15px;background:#2f81f7;color:white;font-weight:750;cursor:pointer;font:inherit}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#29445f}.danger{background:#b42336}.alert{padding:12px 15px;border-radius:8px}.alert.error{background:#5b202b;color:#ffd7db}.alert.success{background:#173e31;color:#c7f7d8}.user-list{display:grid;gap:8px;max-height:300px;overflow:auto}.user{display:grid;gap:3px;text-decoration:none;color:inherit;border:1px solid #28445f;border-radius:9px;padding:11px}.user:hover,.user.selected{border-color:#55a7ff;background:#17324f}.user small{color:#a5b7cb}.dialer{margin-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:end}.dialer h2 span{color:#79b8ff;font-weight:500}.dial-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;min-width:480px}.error-text{color:#ffadb8}.login{display:grid;place-items:center;padding:20px}.card{width:min(410px,100%)}@media(max-width:760px){header,.dialer{display:block}.grid{grid-template-columns:1fr}.dial-row{min-width:0;margin-top:15px;grid-template-columns:1fr auto auto}header form{margin-top:16px}}