:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#17332e;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:600;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #78bdae;outline-offset:3px}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4dc;background:#fff}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#17332e;font-size:32px;font-weight:800}.brand span{font-size:12px;letter-spacing:.12em}.topbar>span{font-size:13px;color:#63766d}main{max-width:1240px;margin:auto;padding:48px 32px}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;min-height:65vh}.eyebrow{font-size:12px;letter-spacing:.13em;color:#658176;font-weight:600}.intro h1{font-size:62px;letter-spacing:-.045em;line-height:1.25;margin:24px 0}.intro>p:not(.eyebrow){font-size:16px;line-height:2;color:#62766c}.steps{margin-top:42px;font-size:12px;display:flex;align-items:center;gap:12px;color:#62766c}.steps span{color:#96aca0}.auth-card{background:#fff;padding:36px;border:1px solid #e0e6df;border-radius:18px;box-shadow:0 16px 40px #19382a08}.tabs{display:flex;border-bottom:1px solid #e6ebe4;margin-bottom:28px;gap:24px}.tab{border-radius:0;background:transparent;padding:8px 0 16px;color:#738478}.tab.active{color:#17332e;border-bottom:2px solid #1d6d53}label{display:block;font-size:13px;font-weight:600;margin-bottom:22px}input{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #d5dfd5;border-radius:8px;background:#fcfdfb;font-size:14px}.primary{color:white;background:#216b50}.primary:hover{background:#17503c}.secondary{background:#e9eee7;color:#365347}.danger{background:#b8483c;color:white}#auth-submit{width:100%;margin-top:6px}.caption{font-size:12px;color:#7c8c80;line-height:1.7}#auth-error,.notice{color:#a6372b;font-size:14px;min-height:20px;line-height:1.7}.desk-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h1{font-size:32px;margin:12px 0}h2{font-size:17px;margin:0}.presence-actions{display:flex;align-items:center;gap:12px}.badge{display:inline-block;border-radius:20px;background:#e3e9df;color:#54725e;padding:6px 12px;font-size:12px}.badge.online{background:#d6eddf;color:#216b50}.desk-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.queue-panel,.current-panel,.history-panel{background:#fff;border:1px solid #e0e6df;border-radius:14px;padding:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.count{font-size:12px;border-radius:6px;background:#edf2e9;padding:4px 8px}.calls{display:grid;gap:12px;margin-bottom:30px}.call{border:1px solid #e2e8df;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.call.waiting_human{border-left:4px solid #4e9c71}.call strong{font-size:18px;display:block}.call small{display:block;color:#7b8a7f;margin-top:8px}.empty{color:#95a195;text-align:center;padding:24px 12px;font-size:14px;border:1px dashed #dce3d8;border-radius:10px}.current-panel{text-align:center;min-height:355px}.current-panel .eyebrow{text-align:left}.phone-icon{font-size:36px;width:78px;height:78px;border-radius:50%;background:#f0f4ec;margin:26px auto 22px;display:grid;place-items:center;color:#789080}.current-panel p{color:#869381;font-size:14px;line-height:1.8}#current-number{font-size:30px;margin:30px 0 16px}#call-duration{font-size:24px;font-variant-numeric:tabular-nums}.controls{display:flex;justify-content:center;gap:14px;margin-top:30px}.history-panel{margin-top:24px}.history-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #edf0e9;font-size:14px;color:#6c7d70}#enable-audio{margin-top:16px}[hidden]{display:none!important}@media(max-width:800px){main{padding:28px 18px}.topbar{padding:0 18px}.auth-layout,.desk-grid{grid-template-columns:1fr;gap:26px}.intro h1{font-size:40px}.steps{margin-top:20px}.auth-card{padding:26px}.desk-heading{align-items:flex-start;gap:16px;flex-direction:column}.presence-actions{flex-wrap:wrap}.brand span{font-size:10px}.current-panel{min-height:290px}}