*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0e14;--bg-2:#11151f;--panel:#161b27;--panel-2:#1b2230;--border:#262e3d;--border-soft:#1f2737;--text:#e7e9ee;--muted:#8b93a7;--muted-2:#5f6878;--gold:#c9a76b;--gold-soft:#e3c98f;--gold-dim:hsla(38,47%,60%,.14);--green:#34d399;--green-dim:rgba(52,211,153,.12);--red:#f06b6b;--red-dim:hsla(0,82%,68%,.12);--sidebar-w:256px}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit}.auth{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(1100px 520px at 50% -10%,hsla(38,47%,60%,.08),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:400px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem 1.75rem;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.auth-logo{height:38px;width:auto;color:var(--text);display:block;margin:0 auto}.auth-tag{text-align:center;color:var(--gold);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;margin-top:.9rem}.auth-form{gap:1rem;margin-top:2rem}.auth-form,.field{display:flex;flex-direction:column}.field{gap:.4rem}.field span{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input{background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:.8rem .95rem;color:var(--text);font-size:.98rem;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.auth-btn{margin-top:.35rem;border:none;border-radius:11px;padding:.85rem;font-size:.98rem;font-weight:700;color:#1a1407;background:linear-gradient(180deg,var(--gold-soft),var(--gold));cursor:pointer;transition:filter .15s,opacity .15s}.auth-btn:hover{filter:brightness(1.05)}.auth-btn:disabled{opacity:.6;cursor:wait}.auth-foot{text-align:center;color:var(--muted-2);font-size:.72rem;margin-top:1.5rem}.shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100dvh}.sidebar-brand{padding:1.6rem 1.5rem 1.4rem;border-bottom:1px solid var(--border-soft)}.sidebar-logo{height:26px;width:auto;color:var(--text);display:block}.sidebar-nav{padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;flex:1 1}.navitem{display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;border-radius:10px;color:var(--muted);font-size:.92rem;font-weight:500;transition:background .14s,color .14s;position:relative}.navitem:hover{background:var(--panel);color:var(--text)}.navitem.active{background:var(--gold-dim);color:var(--gold-soft)}.navitem.active:before{content:"";position:absolute;left:-.75rem;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--gold)}.navicon{width:19px;height:19px;flex-shrink:0}.soon{margin-left:auto;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--border);padding:.12rem .4rem;border-radius:6px}.sidebar-foot{padding:1rem .75rem 1.25rem;border-top:1px solid var(--border-soft)}.user{gap:.7rem;padding:.5rem .6rem .8rem}.avatar,.user{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1407;font-weight:700;font-size:.9rem;justify-content:center;flex-shrink:0}.user-name{font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{width:100%;display:flex;align-items:center;gap:.8rem;padding:.7rem .8rem;background:transparent;border:none;border-radius:10px;color:var(--muted);font-size:.9rem;cursor:pointer;transition:background .14s,color .14s}.logout:hover{background:var(--red-dim);color:var(--red)}.content{flex:1 1;min-width:0;padding:2.25rem 2.5rem}.page{max-width:760px;margin:0 auto}.page-head{margin-bottom:1.75rem}.page-head h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.page-sub{color:var(--muted);font-size:.88rem}.soon-card{border:1px dashed var(--border);background:linear-gradient(180deg,var(--panel),var(--bg-2));border-radius:18px;padding:3.5rem 2rem;text-align:center}.soon-badge{width:58px;height:58px;border-radius:16px;background:var(--gold-dim);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.soon-badge-icon{width:28px;height:28px;color:var(--gold)}.soon-card h2{font-size:1.15rem;margin-bottom:.5rem}.soon-card p{color:var(--muted);font-size:.9rem;max-width:380px;margin:0 auto;line-height:1.5}.tabs{gap:.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--border-soft)}.tab,.tabs{display:flex}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:.55rem .9rem .75rem;color:var(--muted);font-size:1rem;font-weight:700;cursor:pointer;flex-direction:column;gap:.1rem;margin-bottom:-1px;transition:color .14s,border-color .14s}.tab .tab-hint{font-size:.68rem;font-weight:500;color:var(--muted-2);letter-spacing:.02em}.tab:hover{color:var(--text)}.tab.active{color:var(--gold-soft);border-bottom-color:var(--gold)}.tab.active .tab-hint{color:var(--gold)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.btn-call{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1407;border:none;border-radius:10px;padding:.55rem 1rem;font-size:.88rem;font-weight:700;cursor:pointer;transition:filter .14s}.btn-call:hover{filter:brightness(1.06)}.modal-scrim{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{width:100%;max-width:400px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:18px;padding:1.5rem;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-head h2{font-size:1.15rem}.modal-x{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.25rem}.modal-x:hover{color:var(--text)}.call-form{gap:1rem}.call-form,.call-form .field{display:flex;flex-direction:column}.call-form .field{gap:.4rem}.call-form .field span{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.call-form input,.call-form select{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;color:var(--text);font-size:.95rem}.call-form input:focus,.call-form select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.call-hint{font-size:.78rem;color:var(--muted);line-height:1.45}.call-ok{color:var(--green);font-size:.85rem;font-weight:600}.call-btn{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1407;border:none;border-radius:11px;padding:.85rem;font-size:.98rem;font-weight:700;cursor:pointer}.call-btn:disabled{opacity:.6;cursor:wait}.btn-add{background:var(--gold-dim);color:var(--gold-soft);border:1px solid hsla(38,47%,60%,.4);border-radius:10px;padding:.55rem .95rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:filter .14s}.btn-add:hover{filter:brightness(1.15)}.add-form{display:flex;gap:.6rem;margin-bottom:1.2rem;padding:1rem;background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;flex-wrap:wrap}.add-form input{flex:1 1;min-width:140px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;color:var(--text);font-size:.92rem}.add-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.btn-save{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#1a1407;border:none;border-radius:10px;padding:.7rem 1.3rem;font-weight:700;cursor:pointer}.btn-save:disabled{opacity:.6;cursor:wait}.agent-actions{display:flex;align-items:center;gap:.5rem}.btn-del{background:transparent;border:1px solid var(--border);color:var(--muted-2);border-radius:9px;width:34px;height:34px;font-size:.85rem;cursor:pointer;flex-shrink:0;transition:background .14s,color .14s,border-color .14s}.btn-del:hover:not(:disabled){background:var(--red-dim);color:var(--red);border-color:hsla(0,82%,68%,.4)}.btn-del:disabled{opacity:.4;cursor:wait}.csrd{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;margin-bottom:1.2rem;border-radius:14px;background:linear-gradient(180deg,hsla(38,47%,60%,.1),hsla(38,47%,60%,.03));border:1px solid hsla(38,47%,60%,.35)}.csrd.is-on{border-color:rgba(52,211,153,.45);background:linear-gradient(180deg,var(--green-dim),rgba(52,211,153,.02))}.csrd-info{display:flex;align-items:center;gap:.85rem}.csrd-title{font-weight:700;font-size:1rem;letter-spacing:.01em}.csrd-sub{font-size:.78rem;color:var(--muted);margin-top:.15rem}.csrd-badge{font-size:.78rem;font-weight:700;color:var(--green);background:var(--green-dim);border:1px solid rgba(52,211,153,.4);border-radius:999px;padding:.5rem 1rem}.agent-list{display:flex;flex-direction:column;gap:.65rem}.agent{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;padding:.95rem 1.1rem;transition:border-color .15s}.agent.is-on{border-color:rgba(52,211,153,.35)}.agent-info{display:flex;align-items:center;gap:.85rem;min-width:0}.agent .name{font-weight:600;font-size:.98rem}.agent .num{font-size:.8rem;color:var(--muted);margin-top:.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.on{background:var(--green);box-shadow:0 0 0 4px var(--green-dim)}.dot.off{background:var(--red);box-shadow:0 0 0 4px var(--red-dim)}.toggle{border:1px solid transparent;border-radius:999px;padding:.6rem 1.05rem;font-size:.9rem;font-weight:700;cursor:pointer;min-width:112px;transition:opacity .15s,filter .15s}.toggle:disabled{opacity:.5;cursor:wait}.toggle.on{background:var(--green-dim);color:var(--green);border-color:rgba(52,211,153,.4)}.toggle.off{background:var(--red-dim);color:var(--red);border-color:hsla(0,82%,68%,.4)}.toggle:hover:not(:disabled){filter:brightness(1.15)}.error{color:var(--red);font-size:.85rem}.muted{color:var(--muted);font-size:.9rem}.mobilebar,.scrim{display:none}@media (max-width:860px){.content{padding:4.75rem 1.25rem 1.25rem}.mobilebar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:40;height:56px;padding:0 1rem;background:var(--bg-2);border-bottom:1px solid var(--border-soft)}.mobilebar-logo{height:20px;width:auto;color:var(--text)}.burger{background:none;border:none;width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;gap:4px;cursor:pointer}.burger span{display:block;height:2px;background:var(--gold);border-radius:2px}.sidebar{position:fixed;z-index:50;top:0;left:0;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 60px rgba(0,0,0,.6)}.sidebar.open{transform:translateX(0)}.scrim{display:block;position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.55)}}