.admin{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.admin-nav{background:var(--panel);border-right:1px solid var(--line);padding:16px}.admin-nav h3{font-size:13px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.admin-nav a{display:block;padding:9px 10px;border-radius:8px;color:var(--text);text-decoration:none;margin-bottom:4px}.admin-nav a.active,.admin-nav a:hover{background:var(--panel-2)}.admin-main{padding:24px;overflow:auto}.admin-main h1{margin-top:0;font-size:22px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar .spacer{flex:1}table.grid{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}table.grid th,table.grid td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}table.grid th{color:var(--muted);font-weight:600;background:var(--panel-2);cursor:pointer;-webkit-user-select:none;user-select:none}table.grid tr:last-child td{border-bottom:none}.form{max-width:520px;display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:10px}.form label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.form input,.form select{width:100%}.tag-y{color:var(--green)}.tag-n{color:var(--muted)}.pager{display:flex;gap:8px;align-items:center;margin-top:12px}.mapping-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}:root{--bg: #0b0e14;--bg-2: #0e121b;--panel: #141926;--panel-2: #1b2130;--panel-3: #222937;--line: #262d3d;--line-soft: #1e2432;--text: #eaeef6;--text-dim: #b6bfd0;--muted: #7c869b;--accent: #4f7cff;--accent-hover: #6a90ff;--accent-soft: rgba(79, 124, 255, .14);--green: #37b26b;--green-soft: rgba(55, 178, 107, .14);--amber: #d9a520;--amber-soft: rgba(217, 165, 32, .14);--red: #e05260;--red-soft: rgba(224, 82, 96, .14);--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .22);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 70% -10%,#121a2b 0%,var(--bg) 55%);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","tnum"}h1,h2,h3{letter-spacing:-.01em}button{font:inherit;font-weight:550;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 14px;color:var(--text);background:var(--panel-2);transition:background .14s ease,border-color .14s ease,transform .05s ease,box-shadow .14s ease}button:hover{background:var(--panel-3);border-color:#313a4d}button:active{transform:translateY(.5px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 1px #ffffff14 inset,var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:transparent}.btn-green{background:var(--green);border-color:transparent;color:#04140a}.btn-green:hover{background:#43c579;border-color:transparent}.btn-amber{background:var(--amber);border-color:transparent;color:#1c1400}.btn-amber:hover{background:#e7b436;border-color:transparent}.btn-red{background:var(--red);border-color:transparent;color:#fff}.btn-red:hover{background:#e86975;border-color:transparent}input,select,textarea{font:inherit;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{background:linear-gradient(180deg,var(--panel) 0%,#10141f 100%);padding:32px 30px;border-radius:16px;width:360px;border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{margin:0 0 2px;font-size:22px;font-weight:650}.login-card .sub{color:var(--muted);font-size:13px;margin-bottom:22px}.login-card label{display:block;font-size:12px;font-weight:550;color:var(--text-dim);margin:14px 0 5px;letter-spacing:.01em}.login-card input{width:100%}.login-card button{width:100%;margin-top:22px;padding:11px;font-weight:600}.hint{font-size:12px;color:var(--muted);margin-top:16px;text-align:center}.err{color:var(--red);font-size:13px;margin-top:10px}.agent{display:grid;grid-template-rows:auto 1fr;height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#111622b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;font-size:15px;letter-spacing:-.02em;margin-right:4px}.topbar .spacer{flex:1}.topbar button{padding:6px 12px}.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:550;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--line);white-space:nowrap}.badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--accent-soft);border:1px solid transparent;color:var(--accent-hover);text-transform:uppercase}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 0 3px #ffffff0a}.dot.idle{background:var(--muted)}.dot.dialing{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.dot.connected{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.dot.wrapup{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dot.paused{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.main{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:18px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 16px 18px;box-shadow:var(--shadow-sm)}.panel h2{margin:0 0 12px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.row{display:flex;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.kv{display:grid;grid-template-columns:116px 1fr;gap:8px 12px;font-size:13.5px}.kv .k{color:var(--muted);font-weight:500}.callstate{font-size:22px;font-weight:650;text-transform:capitalize;letter-spacing:-.02em;display:flex;align-items:center;gap:4px}.dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dialpad button{background:var(--panel-2);padding:13px;font-size:16px;font-weight:550;font-variant-numeric:tabular-nums}.dialpad button:hover{background:var(--panel-3)}.lead-name{font-size:19px;font-weight:650;letter-spacing:-.02em;margin-bottom:2px}.muted{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090fa8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50}.modal{background:linear-gradient(180deg,var(--panel) 0%,#10141f 100%);border:1px solid var(--line);border-radius:14px;padding:22px;width:440px;box-shadow:var(--shadow)}.modal h2{font-size:16px;font-weight:650;letter-spacing:-.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a3242;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#354055}::-webkit-scrollbar-track{background:transparent}