@import url('/fonts.css');
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8efed;background:#101b1c;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:840px;margin:auto;padding:24px 20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 34px}.brand{display:flex;gap:12px;align-items:center;font-size:26px;font-weight:750;letter-spacing:-1px}.brand img{width:44px}.brand small{display:block;font-size:11px;letter-spacing:1.1px;font-weight:400;color:#9dafa9;margin-top:4px}#account{font-size:12px;text-align:right;display:grid;gap:6px}#connection{color:#a5c4b4}.card{background:#192829;border:1px solid #2e4241;border-radius:22px;padding:28px;margin:18px 0}h1{font-size:clamp(35px,6vw,57px);line-height:1.06;letter-spacing:-2px;font-weight:650;margin:24px 0}h2{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0 0 16px}h3{font-size:16px}.eyebrow{color:#a7d8a1;font-size:10px;letter-spacing:2px}.muted{color:#a4b7b0;line-height:1.6}.fine{font-size:12px}label{display:block;font-size:13px;margin:18px 0 10px;color:#cbd8d3}input{display:block;width:100%;background:#101e20;color:#fff;border:1px solid #3e5652;border-radius:12px;font:inherit;font-size:17px;padding:14px;margin-top:9px;min-height:48px}input:focus{outline:2px solid #a8d8a0;outline-offset:2px}button{font:inherit;font-size:14px;background:#2d4440;color:#f1f7f3;border:1px solid #45625b;border-radius:12px;padding:13px 18px;min-height:46px;cursor:pointer}button:hover{filter:brightness(1.1)}button:focus-visible{outline:3px solid #e4dfad;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary{background:#b7e4a5;color:#183020;border-color:#b7e4a5;font-weight:650}form>.primary{width:100%;margin-top:12px}.danger{background:#683b3b;border-color:#925553}.check{display:flex;align-items:center;gap:12px;line-height:1.4}.check input{width:20px;min-height:20px;height:20px;margin:0;flex-shrink:0;accent-color:#b7e4a5}nav{display:flex;gap:6px;overflow:auto;padding:4px 0}nav button{background:transparent;white-space:nowrap;border-color:transparent}nav .selected{background:#324941;color:#c5eaae}.terminal{display:flex;gap:20px;align-items:center}.terminal p{font-size:13px;color:#b4c9bf;margin:0;line-height:1.4}.terminal button{flex-shrink:0;max-width:180px}.row{border-top:1px solid #2f4241;padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}.row:first-child{border:0}.row small{display:block;color:#a4b7b0;margin-top:7px;line-height:1.5}.contact{background:transparent;border:0;padding:0;min-height:28px;font-weight:600;text-align:left}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d17b7b;margin-right:9px}.dot.online{background:#b7e4a5}.active-call{text-align:center;border-color:#92c09b;background:#233c35}.active-call h2{font-size:34px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.active-call meter{width:80%;height:8px;margin:0 auto 20px}#duration{font-variant-numeric:tabular-nums;font-size:26px}#notice:not(:empty){background:#433c27;border:1px solid #81764b;padding:14px;border-radius:12px;line-height:1.4}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101e20;padding:16px;border-radius:12px;font-size:12px;line-height:1.6}footer{text-align:center;font-size:11px;color:#81948e;padding:26px}[hidden]{display:none!important}#login-panel{max-width:510px;margin:0 auto}#users .row{align-items:flex-start}#users .actions{justify-content:flex-end}.row button{font-size:12px}input[type=range]{padding:0}#account button{padding:4px;min-height:26px}@media(max-width:540px){main{padding:16px 12px}.card{padding:23px 18px;border-radius:18px}header{margin-bottom:24px}.terminal{display:block}.terminal button{margin-top:16px;max-width:none;width:100%}nav button{padding:10px 12px}.row{gap:10px}#users .row{display:block}#users .actions{margin-top:12px;justify-content:flex-start}}