:root{--bg:#0b0d10;--panel:#14181d;--panel2:#1b2027;--line:#262c34;--text:#e8eef2;--dim:#93a1ad;--accent:#34d399;--cyan:#22d3ee;--amber:#f59e0b;--red:#ef4444;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans)}.wrap{max-width:1100px;margin:0 auto;padding:20px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.brand{font-size:18px;font-weight:800;letter-spacing:-.01em}.brand .dot{color:var(--accent)}.status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.led{width:9px;height:9px;border-radius:99px;background:var(--red);box-shadow:0 0 8px currentColor}.led.on{background:var(--accent)}.stats{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--dim)}.stats b{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.machine-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:99px;border:1px solid var(--line)}.machine-badge.off{color:var(--dim);background:var(--panel2)}.machine-badge.on{color:#04120d;background:var(--accent);border-color:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(52,211,153,.5)}50%{box-shadow:0 0 0 6px rgba(52,211,153,0)}}@media (prefers-reduced-motion:reduce){.machine-badge.on{animation:none}}.countdown{display:flex;align-items:center;gap:12px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.4);color:var(--cyan);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:14px;font-weight:600}.countdown b{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn.cancel{flex:0 0 auto;padding:8px 16px;font-size:13px;background:var(--panel2);border-color:var(--line)}.btn.cancel:hover{border-color:var(--red);color:#f8a2a2}.machine-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.machine-controls .btn{flex:0 0 auto;padding:12px 20px}.btn.start{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.5);color:var(--cyan)}.btn.start:hover:not(:disabled){background:rgba(34,211,238,.2);border-color:var(--cyan)}.btn.stop{background:var(--red);border-color:var(--red);color:#fff;animation:pulse-red 1.4s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@media (prefers-reduced-motion:reduce){.btn.stop{animation:none}}.machine-hint{font-size:12px;color:var(--dim)}.banner{background:rgba(245,181,69,.12);border:1px solid rgba(245,181,69,.4);color:#f5d08a;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:14px}.banner code{background:rgba(0,0,0,.3);padding:1px 6px;border-radius:5px}.grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:820px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.card h2{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}.lead-name{font-size:26px;font-weight:800;margin:6px 0 2px}.lead-phone{font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cyan);font-weight:700}.lead-row{color:var(--dim);font-size:14px;margin-top:6px}.lead-meta{margin-top:14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--dim);white-space:pre-wrap}.empty{color:var(--dim);font-size:15px;padding:24px 0}.notes{width:100%;margin-top:14px;min-height:90px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 14px;font-family:inherit;font-size:14px;resize:vertical}.notes:focus{outline:none;border-color:var(--accent)}.callstate{font-size:13px;color:var(--dim);margin-bottom:14px;display:flex;align-items:center;gap:10px}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;font-size:15px}.controls{display:flex;gap:10px;margin-bottom:18px}.btn{flex:1 1;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.dial{background:var(--accent);color:#04120d;border-color:var(--accent)}.btn.hang{background:var(--red);color:#fff;border-color:var(--red)}.manual{display:flex;gap:8px;margin-bottom:16px}.manual input{flex:1 1;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.manual input:focus{outline:none;border-color:var(--cyan)}.manual .hint{font-size:11px;color:var(--dim)}.disp-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:4px 0 10px}.disp{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.disp button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.disp button:hover{border-color:var(--dim)}.disp button.hot{border-color:rgba(52,211,153,.4);color:var(--accent)}.disp button.warn{border-color:rgba(245,181,69,.4);color:var(--amber)}.disp button.bad{border-color:rgba(239,68,68,.4);color:#f8a2a2}