:root{color:#f5f7fa;font-synthesis:none;background:#05080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0,#102736 0,#05080d 38%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{text-align:center;background:#0b111aeb;border:1px solid #1d2a38;border-radius:30px;width:min(100%,480px);padding:42px;box-shadow:0 30px 100px #00000080}.logo{color:#f0d48c;letter-spacing:-2px;border:1px solid #d6a84a;border-radius:23px;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:25px;font-weight:900;display:grid}.eyebrow{color:#d6a84a;letter-spacing:.18em;margin:0 0 8px;font-size:10px;font-weight:900}h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,7vw,58px)}.lead{color:#8493a5;max-width:350px;margin:17px auto 26px;line-height:1.65}.login-panel form{text-align:left;gap:11px;display:grid}.login-panel label{color:#8493a5;letter-spacing:.04em;font-size:11px;font-weight:800}.login-panel input{color:#f5f7fa;background:#080d14;border:1px solid #2a394a;border-radius:14px;outline:0;width:100%;padding:15px 16px;font-size:18px}.login-panel input:focus{border-color:#d6a84a;box-shadow:0 0 0 3px #d6a84a1f}.login-panel button,.logout{color:#05080d;background:#d6a84a;border:0;border-radius:15px;width:100%;padding:16px 20px;font-weight:900}.login-panel .text-button{color:#8493a5;background:0 0;padding:7px;font-size:11px}.login-panel .demo-button{color:#f5f7fa;background:#111a26;border:1px solid #2a394a;margin-top:13px}.dev-code{color:#f0d48c;margin:0;font-size:11px}.caption{color:#657587;margin-top:15px;font-size:11px;line-height:1.6}.error{color:#ff9a9a;background:#271315;border:1px solid #5b252a;border-radius:12px;padding:12px 15px}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #162230;justify-content:space-between;align-items:center;height:76px;padding:0 max(22px,50vw - 560px);display:flex}.brand{color:#f5f7fa;letter-spacing:-.02em;font-weight:900;text-decoration:none}.brand span{color:#f0d48c;border:1px solid #d6a84a;border-radius:11px;place-items:center;width:34px;height:34px;margin-right:9px;font-size:12px;display:inline-grid}.account{color:#8493a5;font-size:12px}.dashboard{width:min(1120px,100% - 36px);margin:42px auto 70px}.hero{background:linear-gradient(145deg,#101a26,#091019);border:1px solid #1d2a38;border-radius:30px;justify-content:space-between;align-items:flex-end;min-height:220px;padding:clamp(25px,5vw,50px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(20px);opacity:.35;background:#18425a;border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-80px}.hero h2{color:#f0d48c;letter-spacing:-.06em;z-index:1;margin:0;font-size:clamp(48px,8vw,82px);position:relative}.hero p:not(.eyebrow){color:#8493a5;margin:3px 0 0}.status{z-index:1;color:#8de0c1;background:#0b1b18;border:1px solid #1f493e;border-radius:99px;padding:10px 14px;font-size:12px;font-weight:700;position:relative}.status i{background:#46c79a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.grid{grid-template-columns:1fr 1.12fr;gap:18px;margin-top:18px;display:grid}.card{background:#0b111a;border:1px solid #1d2a38;border-radius:24px;padding:26px}.card h3{letter-spacing:-.03em;margin:0 0 20px;font-size:23px}.topups{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topup{color:#f5f7fa;text-align:left;background:#111a26;border:1px solid #233243;border-radius:15px;justify-content:space-between;align-items:center;padding:17px;transition:transform .18s,border-color .18s;display:flex}.topup:hover{border-color:#d6a84a;transform:translateY(-2px)}.topup strong{font-size:18px}.topup span{color:#56b9d7;font-size:11px;font-weight:800}.call-row{border-top:1px solid #172331;grid-template-columns:8px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.call-row i{background:#46c79a;border-radius:50%;width:8px;height:8px}.call-row strong{font-size:13px;display:block}.call-row span{color:#8493a5;margin-top:3px;font-size:10px;display:block}.call-row aside{text-align:right}.call-row aside strong{color:#f0d48c}.empty{color:#8493a5}.notice{background:#19130c;border:1px solid #3d2e17;border-radius:17px;align-items:center;gap:18px;margin-top:18px;padding:17px 20px;display:flex}.notice strong{color:#f0d48c;flex:none}.notice span{color:#8493a5;font-size:12px}.logout{color:#f5f7fa;background:#111a26;border:1px solid #1d2a38;width:auto;margin-top:20px}.call-card{background:linear-gradient(145deg,#0b1a12,#0b111a);border-color:#2a4534;margin-bottom:18px}.dialer{align-items:stretch;gap:10px;display:flex}.dialer input{color:#f5f7fa;background:#111a26;border:1px solid #233243;border-radius:15px;flex:1;padding:14px 16px;font-size:16px}.call-button{color:#8de0c1;background:#123527;border:1px solid #1f493e;border-radius:15px;padding:14px 22px;font-weight:700;transition:transform .18s,border-color .18s}.call-button:hover{border-color:#46c79a;transform:translateY(-2px)}.hangup-button{color:#ff9a9a;background:#271315;border:1px solid #5b252a;border-radius:15px;padding:14px 22px;font-weight:700}.mute-button{color:#f5f7fa;background:#111a26;border:1px solid #233243;border-radius:15px;padding:14px 22px}.call-live{background:#0d1520;border:1px solid #233243;border-radius:17px;flex-direction:column;gap:14px;padding:18px;display:flex}.call-live p{margin:0}.call-live.incoming{border-color:#d6a84a}.call-actions{gap:10px;display:flex}.live-dot{background:#46c79a;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}footer{color:#657587;text-align:center;border-top:1px solid #162230;padding:30px;font-size:11px}@media (width<=760px){.grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;min-height:250px}.status{margin-top:30px}.notice{flex-direction:column;align-items:flex-start;gap:5px}.login-panel{padding:30px 22px}}