:root{--bg: #0b0e13;--panel: #141920;--panel-2: #1b2129;--line: #262e38;--line-soft: #1e252d;--text: #e8edf4;--dim: #8d99a8;--dimmer: #5f6b79;--accent: #4f9cf9;--green: #2ecc71;--green-deep: #1e8e4e;--red: #ef4b57;--amber: #f0a63a;--purple: #a97bf0;--radius: 12px;--tap: 46px;font-synthesis-weight:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--accent)}.app{display:flex;flex-direction:column;height:100%;max-width:1180px;margin:0 auto}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-weight:650;letter-spacing:-.01em}.brand small{display:block;font-weight:400;font-size:11px;color:var(--dim);letter-spacing:0}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:12px;color:var(--dim);white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--dimmer);flex:none}.dot.ready{background:var(--green)}.dot.busy{background:var(--amber);animation:pulse 1.1s ease-in-out infinite}.dot.err{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.tabs{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid var(--line);background:var(--panel);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:9px 15px;border-radius:9px 9px 0 0;color:var(--dim);font-size:14px;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent);background:var(--panel-2)}main{flex:1;overflow-y:auto;padding:14px 14px 120px;-webkit-overflow-scrolling:touch}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--dim)}.tiny{font-size:12px}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=search],input[type=datetime-local],select,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px;min-height:var(--tap);outline:none}textarea{min-height:84px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label.field{display:block;margin-bottom:10px}label.field span{display:block;font-size:12px;color:var(--dim);margin-bottom:4px}.btn{min-height:var(--tap);padding:0 16px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06121f}.btn.call{background:var(--green-deep);border-color:var(--green);color:#eafff2}.btn.danger{background:#3a1b20;border-color:var(--red);color:#ffd9dc}.btn.ghost{background:transparent}.btn.sm{min-height:34px;padding:0 11px;font-size:13px;font-weight:500}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:550;border:1px solid var(--line);background:var(--panel-2);color:var(--dim);white-space:nowrap}.chip.new{color:var(--accent);border-color:#23405f;background:#12233a}.chip.contacted{color:var(--dim)}.chip.interested{color:var(--green);border-color:#1e4a34;background:#10261b}.chip.callback{color:var(--amber);border-color:#4d3a18;background:#2a2010}.chip.not_interested{color:var(--dimmer)}.chip.won{color:#0b1a12;background:var(--green);border-color:var(--green)}.chip.lost{color:var(--red);border-color:#4a2126;background:#2a1216}.chip.dnc{color:#fff;background:var(--red);border-color:var(--red)}.banner{border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px;border:1px solid}.banner.err{background:#2a1216;border-color:#5a2630;color:#ffc9cf}.banner.warn{background:#2a2010;border-color:#574119;color:#f6d9a8}.banner.ok{background:#10261b;border-color:#1e4a34;color:#b6f0cf}.empty{text-align:center;color:var(--dim);padding:40px 16px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:320px;margin:0 auto}.key{aspect-ratio:1 / .72;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;font-size:24px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.key small{font-size:9.5px;color:var(--dimmer);letter-spacing:.14em;margin-top:4px}.key:active{background:#253039}.readout{text-align:center;font-size:30px;font-weight:500;letter-spacing:.01em;min-height:42px;margin:6px 0 2px;word-break:break-all}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px 13px;text-align:left;width:100%}.item:active{background:var(--panel-2)}.item .name{font-weight:550}.item .sub{font-size:12.5px;color:var(--dim)}.avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--dim)}.callbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(180deg,rgba(11,14,19,.6),var(--panel) 22%);border-top:1px solid var(--line);padding:12px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.callbar-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.callbar .who{font-weight:600;font-size:16px}.callbar .state{font-size:12.5px;color:var(--dim)}.callbar .actions{display:flex;gap:8px}.callbar .actions .btn{flex:1}.dispo{display:flex;flex-wrap:wrap;gap:6px}.dispo .btn{flex:1 1 auto;min-width:92px}.kv{display:grid;grid-template-columns:96px 1fr;gap:6px 12px;font-size:13.5px}.kv dt{color:var(--dim)}.kv dd{margin:0}.note{border-left:2px solid var(--line);padding:2px 0 2px 11px;margin-bottom:12px;font-size:14px}.note .meta{font-size:11.5px;color:var(--dimmer);margin-top:3px}.stat{display:flex;flex-direction:column;gap:1px}.stat b{font-size:24px;font-weight:600;letter-spacing:-.02em}.stat span{font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:14px}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login .card{width:100%;max-width:340px}@media(min-width:760px){main{padding:18px 20px 140px}.split{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}}