@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap";:root{color-scheme:dark;--n-950: oklch(.145 .008 250);--n-900: oklch(.185 .01 250);--n-860: oklch(.212 .012 250);--n-820: oklch(.245 .013 250);--n-780: oklch(.285 .014 250);--n-700: oklch(.355 .014 250);--n-560: oklch(.52 .016 250);--n-460: oklch(.605 .016 250);--n-380: oklch(.7 .015 250);--n-150: oklch(.905 .008 250);--n-050: oklch(.968 .004 250);--sig-live: oklch(.74 .17 150);--sig-wait: oklch(.79 .148 75);--sig-stop: oklch(.665 .2 25);--sig-act: oklch(.72 .135 235);--sig-live-bg: oklch(.255 .055 150);--sig-wait-bg: oklch(.262 .052 75);--sig-stop-bg: oklch(.258 .062 25);--sig-act-bg: oklch(.258 .05 235);--bg: var(--n-950);--bg-panel: var(--n-900);--bg-raised: var(--n-860);--bg-control: var(--n-820);--line: var(--n-780);--line-soft: oklch(.225 .011 250);--ink: var(--n-150);--ink-strong: var(--n-050);--ink-dim: var(--n-380);--ink-faint: var(--n-460);--ink-off: var(--n-560);--font-chrome: "IBM Plex Sans Condensed", "Helvetica Neue", Arial, sans-serif;--font-body: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-micro: 10.5px;--t-tiny: 12px;--t-sm: 13.5px;--t-base: 15px;--t-md: 17px;--t-lg: 21px;--t-xl: 27px;--t-2xl: 34px;--t-meter: 44px;--lh-tight: 1.15;--lh-body: 1.45;--track-caps: .13em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-none: 0;--r-sm: 3px;--r-md: 5px;--r-pill: 999px;--tap: 46px;--tap-lg: 58px;--ease: cubic-bezier(.2, .8, .3, 1);--dur: .12s}@media(prefers-reduced-motion:reduce){:root{--dur: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:var(--sig-act);text-decoration:none}:focus-visible{outline:2px solid var(--sig-act);outline-offset:1px}.app{display:flex;flex-direction:column;height:100dvh;max-width:1180px;margin:0 auto;overflow:hidden;overflow-x:clip}.topbar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);padding-top:max(var(--s-3),env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg-panel);flex:none;min-height:52px}.brand{font-family:var(--font-chrome);font-weight:700;font-size:var(--t-sm);letter-spacing:var(--track-caps);text-transform:uppercase;line-height:1;white-space:nowrap;color:var(--ink-dim);flex:none}.brand small{display:none}.spacer{flex:1}.meter{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;padding-left:var(--s-3);border-left:1px solid var(--line);background:none}.meter b{font-family:var(--font-num);font-size:var(--t-sm);font-weight:500;color:var(--ink)}.meter span{font-family:var(--font-chrome);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-off)}.meter.low b{color:var(--sig-wait)}.meter.out b{color:var(--sig-stop)}.pill{position:relative;display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-chrome);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;background:none;border:none;padding:0;flex:none}button.pill:after{content:"";position:absolute;inset:-13px -8px}.dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--ink-off);flex:none}.dot.ready{background:var(--sig-live)}.dot.busy{background:var(--sig-wait);animation:pulse 2.4s ease-in-out infinite}.dot.err{background:var(--sig-stop)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.28}}.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg-panel);overflow-x:auto;scrollbar-width:none;flex:none;--fade-l: 0px;--fade-r: 0px;mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%)}.tabs[data-more-right=true]{--fade-r: 28px}.tabs[data-more-left=true]{--fade-l: 28px}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--s-3) var(--s-4);min-height:var(--tap);font-family:var(--font-chrome);font-size:var(--t-tiny);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-off);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s-2);border-bottom:2px solid transparent;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--ink-strong);border-bottom-color:var(--sig-act)}main{flex:1;overflow-y:auto;overflow-x:clip;padding:var(--s-4);padding-bottom:var(--s-12);-webkit-overflow-scrolling:touch}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);margin-bottom:var(--s-3)}.row{display:flex;align-items:center;gap:var(--s-3)}.col{display:flex;flex-direction:column;gap:var(--s-3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--ink-faint)}.tiny{font-size:var(--t-tiny)}.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}.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:var(--r-sm);padding:var(--s-3);min-height:var(--tap);outline:none;color:var(--ink)}textarea{min-height:84px;resize:vertical;line-height:var(--lh-body)}input:focus,select:focus,textarea:focus{border-color:var(--sig-act)}input::placeholder,textarea::placeholder{color:var(--ink-off)}label.field{display:block;margin-bottom:var(--s-3)}label.field>span{display:block;font-family:var(--font-chrome);font-size:var(--t-micro);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-off);margin-bottom:var(--s-2)}.btn{min-height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-sm);background:var(--bg-control);border:1px solid var(--line);color:var(--ink);font-family:var(--font-chrome);font-size:var(--t-sm);font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover{border-color:var(--n-700)}.btn:active{background:var(--bg-raised)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.primary{background:var(--sig-act-bg);border-color:var(--sig-act);color:var(--sig-act)}.btn.call{background:var(--sig-live-bg);border-color:var(--sig-live);color:var(--sig-live)}.btn.danger{background:var(--sig-stop-bg);border-color:var(--sig-stop);color:var(--sig-stop)}.btn.ghost{background:none;border-color:transparent;color:var(--ink-faint)}.btn.ghost:hover{color:var(--ink);border-color:var(--line)}.btn.sm{min-height:34px;padding:0 var(--s-3);font-size:var(--t-tiny)}.chip{display:inline-flex;align-items:center;padding:2px var(--s-2);border-radius:var(--r-sm);font-family:var(--font-chrome);font-size:var(--t-micro);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;border:1px solid var(--line);background:var(--bg-control);color:var(--ink-faint);white-space:nowrap}.chip.new{color:var(--sig-act);border-color:var(--sig-act);background:var(--sig-act-bg)}.chip.contacted{color:var(--ink-faint)}.chip.interested{color:var(--sig-live);border-color:var(--sig-live);background:var(--sig-live-bg)}.chip.callback{color:var(--sig-wait);border-color:var(--sig-wait);background:var(--sig-wait-bg)}.chip.not_interested{color:var(--ink-off)}.chip.won{color:var(--sig-live);border-color:var(--sig-live);background:var(--sig-live-bg)}.chip.lost,.chip.dnc{color:var(--sig-stop);border-color:var(--sig-stop);background:var(--sig-stop-bg)}.chip.offhours{color:var(--sig-wait);border-color:var(--sig-wait);background:var(--sig-wait-bg)}.banner{border:1px solid var(--line);border-left:2px solid var(--ink-off);border-radius:var(--r-sm);padding:var(--s-3);font-size:var(--t-sm);margin-bottom:var(--s-3);background:var(--bg-panel);color:var(--ink-dim)}.banner.err{border-left-color:var(--sig-stop);color:var(--ink)}.banner.warn{border-left-color:var(--sig-wait);color:var(--ink)}.banner.ok{border-left-color:var(--sig-live);color:var(--ink)}.empty{text-align:center;color:var(--ink-off);padding:var(--s-10) var(--s-4);font-size:var(--t-sm)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:340px;margin:0 auto;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.key{aspect-ratio:1 / .66;background:var(--bg-panel);border:none;border-radius:0;font-family:var(--font-num);font-size:var(--t-xl);font-weight:400;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transition:background var(--dur) var(--ease)}.key small{font-family:var(--font-chrome);font-size:8.5px;color:var(--ink-off);letter-spacing:var(--track-caps);margin-top:4px}.key:active{background:var(--bg-raised)}.readout{text-align:center;font-family:var(--font-num);font-size:var(--t-xl);min-height:40px;margin:var(--s-2) 0 0;word-break:break-all;color:var(--ink-strong)}.list{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}.item{display:flex;align-items:center;gap:var(--s-3);background:none;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;padding:var(--s-3) var(--s-1);text-align:left;width:100%;min-height:56px;transition:background var(--dur) var(--ease)}.item:hover{background:var(--bg-panel)}.item:active{background:var(--bg-raised)}.item .name{font-weight:500;font-size:var(--t-md);letter-spacing:-.005em}.item .sub{font-size:var(--t-tiny);color:var(--ink-faint);font-family:var(--font-num)}.avatar{width:30px;height:30px;flex:none;border-radius:var(--r-sm);background:var(--bg-control);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-chrome);font-size:var(--t-tiny);font-weight:600;color:var(--ink-off)}.callstrip{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--sig-live-bg);border-bottom:1px solid var(--sig-live);flex:none}.callstrip .strip-who{display:flex;align-items:center;gap:var(--s-2);background:none;text-align:left;font-weight:500;min-width:0;padding:var(--s-1) 0;min-height:38px;color:var(--ink)}.callstrip .strip-who .mono{font-weight:400;font-size:var(--t-tiny)}.callscreen{position:fixed;inset:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;padding:max(var(--s-5),env(safe-area-inset-top)) var(--s-5) max(var(--s-5),env(safe-area-inset-bottom));height:100dvh}.cs-head{display:flex;align-items:center;gap:var(--s-3);flex:none}.cs-head .tag{font-family:var(--font-chrome);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-off)}.cs-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-1);min-height:0;overflow-y:auto;padding:var(--s-4) 0}.cs-avatar{width:78px;height:78px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-panel);display:grid;place-items:center;font-family:var(--font-chrome);font-size:var(--t-lg);font-weight:600;color:var(--ink-faint);margin-bottom:var(--s-4)}.cs-avatar.pulsing{border-color:var(--sig-wait);color:var(--sig-wait)}.cs-avatar.ring-in{border-color:var(--sig-live);color:var(--sig-live);animation:pulse 1.6s ease-in-out infinite}.cs-name{font-family:var(--font-chrome);font-size:var(--t-2xl);font-weight:600;letter-spacing:-.015em;line-height:var(--lh-tight);max-width:15ch}.cs-sub{color:var(--ink-faint);font-size:var(--t-sm)}.cs-number{font-family:var(--font-num);font-size:var(--t-md);color:var(--ink-dim);margin-top:4px}.cs-timer{font-family:var(--font-num);font-size:var(--t-meter);font-weight:500;color:var(--sig-live);margin-top:var(--s-3);line-height:1;letter-spacing:-.02em}.cs-status{font-size:var(--t-md);color:var(--ink-faint);margin-top:var(--s-3)}.cs-cost{display:flex;align-items:baseline;justify-content:center;gap:var(--s-2);margin-top:var(--s-2);font-family:var(--font-num);font-size:var(--t-sm);color:var(--ink-faint)}.cs-cost b{font-weight:500;color:var(--ink-dim)}.cs-cost .rate{color:var(--ink-off);font-size:var(--t-tiny)}.cs-tags{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;margin-top:var(--s-3)}.cs-notes{width:100%;max-width:460px;margin:var(--s-4) auto 0}.cs-notes textarea{background:var(--bg-panel);min-height:72px}.cs-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);max-width:340px;width:100%;margin:0 auto var(--s-5);flex:none}.cs-controls.four{grid-template-columns:repeat(4,1fr);max-width:380px;gap:var(--s-2)}.cs-btn{min-height:var(--tap-lg);border-radius:var(--r-sm);background:var(--bg-panel);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-chrome);font-size:var(--t-micro);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-faint);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.cs-btn .ico{font-size:17px;line-height:1;color:var(--ink)}.cs-btn.on{background:var(--bg-control);border-color:var(--ink-faint);color:var(--ink-strong)}.cs-btn.on .ico{color:var(--ink-strong)}.cs-btn.rec{background:var(--sig-stop-bg);border-color:var(--sig-stop);color:var(--sig-stop)}.cs-btn.rec .ico{color:var(--sig-stop);animation:pulse 1.4s ease-in-out infinite}.cs-btn:disabled{opacity:.32}.cs-end{display:flex;gap:var(--s-3);justify-content:center;max-width:340px;margin:0 auto;width:100%;flex:none}.cs-round{flex:1;height:56px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--font-chrome);font-size:var(--t-base);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;border:1px solid}.cs-round.hangup{background:var(--sig-stop-bg);border-color:var(--sig-stop);color:var(--sig-stop)}.cs-round.answer{background:var(--sig-live-bg);border-color:var(--sig-live);color:var(--sig-live)}.cs-round.decline{background:var(--bg-panel);border-color:var(--line);color:var(--ink-faint)}.cs-pad{max-width:300px;margin:0 auto var(--s-4)}.wrapup{max-width:460px;width:100%;margin:0 auto}.dispo{display:flex;flex-wrap:wrap;gap:var(--s-2)}.dispo .btn{flex:1 1 30%;min-width:92px}.kv{display:grid;grid-template-columns:92px 1fr;gap:var(--s-2) var(--s-3);font-size:var(--t-sm);margin:0}.kv dt{color:var(--ink-off);font-family:var(--font-chrome);font-size:var(--t-tiny);text-transform:uppercase;letter-spacing:var(--track-caps)}.kv dd{margin:0}.note{border-left:1px solid var(--line);padding:0 0 0 var(--s-3);margin-bottom:var(--s-3);font-size:var(--t-sm)}.note .meta{font-size:var(--t-micro);color:var(--ink-off);margin-top:3px;font-family:var(--font-num)}.stat{display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--font-num);font-size:var(--t-xl);font-weight:500;letter-spacing:-.02em;color:var(--ink-strong)}.stat span{font-family:var(--font-chrome);font-size:var(--t-micro);color:var(--ink-off);text-transform:uppercase;letter-spacing:var(--track-caps)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--s-4)}.rem{display:flex;align-items:center;gap:var(--s-3);background:none;border:none;border-bottom:1px solid var(--line-soft);border-left:2px solid var(--sig-wait);border-radius:0;padding:var(--s-3);min-height:56px}.rem.overdue{border-left-color:var(--sig-stop)}.rem.callback{border-left-color:var(--sig-act)}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--s-6)}.login .card{width:100%;max-width:330px}@media(min-width:760px){main{padding:var(--s-5) var(--s-6) var(--s-12)}.brand{font-size:var(--t-md);text-transform:none;letter-spacing:-.005em;color:var(--ink)}.brand small{display:block;font-family:var(--font-num);font-weight:400;font-size:var(--t-tiny);color:var(--ink-faint);margin-top:3px;letter-spacing:0;text-transform:none}.split{display:grid;grid-template-columns:340px 1fr;gap:var(--s-4);align-items:start}.cs-name{font-size:40px;max-width:20ch}.cs-avatar{width:92px;height:92px}}