*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f0;min-height:100vh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{max-width:780px;margin:0 auto}.hd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.title{color:#1a1a1a;align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.stats{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:1rem;display:grid}.stat{background:#fff;border:.5px solid #e0e0d8;border-radius:8px;padding:10px 12px}.stat-l{color:#888;margin-bottom:3px;font-size:11px}.stat-v{color:#1a1a1a;font-size:20px;font-weight:600}.stat-v.g{color:#1d9e75}.stat-v.r{color:#e24b4a}.stat-v.p{color:#534ab7}.pbw{background:#e8e8e2;border-radius:4px;height:5px;margin-bottom:1.25rem;overflow:hidden}.pb{background:#534ab7;border-radius:4px;height:5px;transition:width .4s}.panel{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:600;display:flex}.cal-name{font-size:16px;font-weight:600}.cal-sub{color:#888;margin-top:2px;font-size:12px}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.idle{color:#888;background:#f0f0ea}.badge.calling{color:#3b6d11;background:#eaf3de}.badge.active{color:#0f6e56;background:#e1f5ee}.badge.ended{color:#993c1d;background:#faece7}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.dot.anim{animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer{font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:26px;font-weight:600}textarea.notes{resize:vertical;border:.5px solid #d0d0c8;border-radius:8px;width:100%;min-height:60px;margin-bottom:1rem;padding:8px 12px;font-family:inherit;font-size:13px}textarea.notes:focus{border-color:#534ab7;outline:none}.ob-row{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.ob{cursor:pointer;background:0 0;border:.5px solid #d0d0c8;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px}.ob:hover{background:#f5f5f0}.ob.ok{color:#3b6d11;background:#eaf3de;border-color:#3b6d11;font-weight:500}.ob.hot{color:#d4920a;background:#fff0c2;border-color:#d4920a;font-weight:500}.ob.nok{color:#a32d2d;background:#fcebeb;border-color:#a32d2d;font-weight:500}.ob.vm{color:#854f0b;background:#faeeda;border-color:#854f0b;font-weight:500}.ob.cb{color:#534ab7;background:#eeedfe;border-color:#534ab7;font-weight:500}.ob.tr{color:#0c447c;background:#e0f0ff;border-color:#0c447c;font-weight:500}.ob.ne{color:#6b5ea8;background:#f0eef8;border-color:#6b5ea8;font-weight:500}.ob.ni{color:#c05a1f;background:#fde8d8;border-color:#c05a1f;font-weight:500}.btn{cursor:pointer;background:0 0;border:.5px solid #d0d0c8;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;transition:background .1s;display:inline-flex}.btn:hover{background:#f0f0ea}.btn:active{transform:scale(.98)}.btn.pr{color:#fff;background:#534ab7;border-color:#534ab7}.btn.pr:hover{background:#3c3489}.btn.dn{color:#fff;background:#e24b4a;border-color:#e24b4a}.btn.dn:hover{background:#a32d2d}.btn.sc{color:#fff;background:#1d9e75;border-color:#1d9e75}.btn.sc:hover{background:#0f6e56}.btn.am{color:#fff;background:#ba7517;border-color:#ba7517}.btn.am:hover{background:#854f0b}.btn.tel{color:#fff;background:#0c447c;border-color:#0c447c}.btn:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}.sec-title{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.clist-wrap{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;margin-bottom:1rem;overflow:hidden}.crow{border-bottom:.5px solid #e0e0d8;align-items:center;gap:10px;padding:9px 14px;display:flex}.crow:last-child{border-bottom:none}.crow.cur{background:#eeedfe}.crow.dis{opacity:.45}.cav{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.cname{font-size:13px;font-weight:500}.cmeta{color:#888;font-size:11px}.ctag{border-radius:10px;align-items:center;gap:3px;margin-left:4px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.ctag.cb{color:#3c3489;background:#eeedfe}.ctag.vm{color:#633806;background:#faeeda}.toggle{cursor:pointer;width:38px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.slider{background:#e0e0d8;border:.5px solid #c8c8c0;border-radius:11px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#aaa;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.slider{background:#534ab7;border-color:#534ab7}.toggle input:checked+.slider:before{background:#fff;transform:translate(16px)}.tabs{border-bottom:.5px solid #e0e0d8;gap:0;margin-bottom:1.25rem;display:flex}.tab{cursor:pointer;color:#888;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:13px}.tab.act{color:#534ab7;border-bottom-color:#534ab7;font-weight:600}input[type=text],input[type=date],input[type=time],select{background:#fff;border:.5px solid #d0d0c8;border-radius:8px;width:100%;height:36px;padding:0 10px;font-family:inherit;font-size:13px}input:focus,select:focus{border-color:#534ab7;outline:none}.field{margin-bottom:12px}.field label{color:#888;margin-bottom:4px;font-size:12px;display:block}.cb-list{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;margin-bottom:1rem;overflow:hidden}.cb-row{border-bottom:.5px solid #e0e0d8;align-items:center;gap:10px;padding:10px 14px;display:flex}.cb-row:last-child{border-bottom:none}.hist-list{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;margin-bottom:1rem;overflow:hidden}.hist-row{border-bottom:.5px solid #e0e0d8;align-items:center;gap:10px;padding:9px 14px;font-size:13px;display:flex}.hist-row:last-child{border-bottom:none}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem;display:grid}.stats-period-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .15s}.stats-period-btn.act{color:#fff;background:#534ab7;border-color:#534ab7}.stat-card{background:#fff;border:.5px solid #e0e0d8;border-radius:12px;padding:1rem}.stat-card-title{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:600}.bar-chart{flex-direction:column;gap:8px;display:flex}.bar-item{align-items:center;gap:8px;font-size:12px;display:flex}.bar-label{color:#555;text-align:right;flex-shrink:0;width:90px}.bar-wrap{background:#f0f0ea;border-radius:4px;flex:1;height:14px;overflow:hidden}.bar-fill{border-radius:4px;height:14px;transition:width .5s}.bar-val{min-width:28px;font-size:12px;font-weight:600}.big-num{margin-bottom:4px;font-size:32px;font-weight:700}.save-toast{color:#fff;opacity:0;pointer-events:none;z-index:999;background:#1a1a1a;border-radius:8px;padding:8px 16px;font-size:13px;transition:opacity .3s;position:fixed;bottom:20px;right:20px}.save-toast.show{opacity:1}.login-overlay{z-index:9999;background:#f5f5f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{text-align:center;background:#fff;border:.5px solid #e0e0d8;border-radius:16px;width:90%;max-width:380px;padding:2rem}.login-title{margin-bottom:6px;font-size:20px;font-weight:700}.login-sub{color:#888;margin-bottom:1.5rem;font-size:13px}.login-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem;display:grid}.login-btn{cursor:pointer;background:#fff;border:.5px solid #e0e0d8;border-radius:10px;padding:14px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.login-btn:hover{color:#534ab7;background:#eeedfe;border-color:#534ab7}.login-btn.admin{color:#888;background:#f5f5f0;grid-column:1/-1;font-size:13px;font-weight:500}.login-btn.admin:hover{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.sel-bar{background:#eeedfe;border:.5px solid #534ab7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.spinner{border:2px solid #e0e0d8;border-top-color:#534ab7;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cb-popup{z-index:99999;flex-direction:column;gap:8px;max-width:320px;display:flex;position:fixed;top:16px;right:16px}.cb-popup-card{background:#fff;border:1.5px solid #534ab7;border-radius:12px;padding:14px 16px;animation:.3s slideIn;box-shadow:0 4px 20px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.cb-popup-card.out{animation:.3s forwards slideOut}@keyframes slideOut{to{opacity:0;transform:translate(120%)}}@media (max-width:600px){body{padding:.75rem}.stats{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:1fr}.hd{flex-direction:column;align-items:flex-start;gap:8px}.hd>div:last-child{flex-wrap:wrap;width:100%}.btn{padding:6px 10px;font-size:12px}.tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;flex-wrap:nowrap;overflow-x:auto}.tab{flex-shrink:0}.panel{padding:1rem}.ob-row{gap:6px}.ob{padding:5px 10px;font-size:12px}.timer{font-size:22px}.crow{gap:8px;padding:8px 10px}.cname{font-size:12px}.cmeta{font-size:11px}.login-box{padding:1.5rem 1rem}.login-grid{grid-template-columns:1fr 1fr}.login-btn{padding:12px 8px;font-size:13px}.cb-popup{max-width:100%;top:8px;left:8px;right:8px}.sel-bar{flex-wrap:wrap;gap:6px}.wrap{max-width:100%}.stat-v{font-size:17px}}.stats{grid-template-columns:repeat(8,1fr)}@media (max-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.stats{grid-template-columns:repeat(2,1fr)}}.sip-pill{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.sip-pill.on{color:#0f6e56;background:#e1f5ee;border-color:#0f6e56}.sip-pill.off{color:#993c1d;background:#faece7;border-color:#993c1d}.sip-pill.connecting{color:#854f0b;background:#fff0c2;border-color:#d4920a}.muted{color:#888;font-size:13px}.empty{text-align:center;color:#888;padding:2rem 1rem;font-size:14px}.modal-overlay{z-index:9998;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:90vh;padding:1.5rem;overflow:auto}.modal h3{margin-bottom:1rem;font-size:17px}.flex{align-items:center;gap:10px;display:flex}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dialpad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px;margin:0 auto 1rem;display:grid}.dialpad button{cursor:pointer;background:#fff;border:.5px solid #d0d0c8;border-radius:10px;height:48px;font-family:inherit;font-size:18px;font-weight:600}.dialpad button:hover{background:#eeedfe}.tabber{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}