@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.phone-shell{--bg: #f5f5f5;--surface: #ffffff;--elevated: #ffffff;--border: #e0e0e0;--border-hi: #bdbdbd;--neon: #1d9e75;--neon-dim: #157a5a;--neon-soft: #e7f5ef;--ink: #333333;--muted: #6b6b6b;--dim: #9a9a9a;--amber: #d97706;--amber-soft: #fdf3e6;--danger: #dc2626;--danger-soft: #fdecec;--info: #2563eb;--info-soft: #eaf1fe;--sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 32px -12px rgba(16, 24, 40, .18);--radius: 14px;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:1.5rem 1rem;letter-spacing:-.005em}.phone-shell button:focus-visible,.phone-shell a:focus-visible,.phone-shell input:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.phone-card{width:100%;max-width:400px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);padding:1.25rem 1.25rem .5rem;display:flex;flex-direction:column;position:relative}.ph-header{display:flex;align-items:center;gap:.7rem;padding:.25rem .15rem 1rem}.ph-dot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex-shrink:0}.ph-dot--on{background:var(--neon);box-shadow:0 0 0 3px var(--neon-soft)}.ph-dot--reconnecting{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.ph-dot--off{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.ph-id{flex:1;min-width:0}.ph-name{font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-line{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-gear{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.ph-gear:hover{background:var(--bg);color:var(--ink)}.settings-pop{position:absolute;top:3.1rem;right:1rem;z-index:30;width:min(280px,calc(100% - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.settings-pop__row{display:flex;flex-direction:column;gap:.15rem}.settings-pop__key{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.settings-pop__val{font-size:.8rem;color:var(--ink);word-break:break-all}.btn-signout{margin-top:.25rem;padding:.55rem;border:1px solid var(--danger);background:transparent;color:var(--danger);border-radius:9px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s}.btn-signout:hover{background:var(--danger-soft)}.opstatus{padding:0 .15rem .9rem}.opstatus__label{font-size:.78rem;color:var(--muted);margin-bottom:.5rem}.opstatus__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.opstatus__pills{display:flex;gap:.5rem;flex:1}.pill{font-family:inherit;font-size:.82rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.5rem .9rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pill:hover:not(:disabled):not(.is-on){border-color:var(--border-hi)}.pill:disabled{opacity:.45;cursor:not-allowed}.pill--active.is-on{background:var(--neon-soft);border-color:var(--neon);color:var(--neon-dim)}.pill--break.is-on{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.pill--auto{color:var(--muted)}.pill--auto.is-on{background:var(--neon-soft);border-color:var(--neon);color:var(--neon-dim)}.queue-card{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;padding:.8rem .9rem;background:var(--info-soft);border:1px solid #cfe0fb;border-radius:12px}.queue-card__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#dbe7fd;color:var(--info);flex-shrink:0}.queue-card__text{min-width:0}.queue-card__title{font-size:.86rem;font-weight:700;color:#1e40af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-card__sub{font-size:.76rem;color:#3b6bd6}.phone-body{flex:1;min-height:260px;display:flex;flex-direction:column}.display-container{position:relative;margin-bottom:1rem}.number-display{min-height:56px;display:flex;align-items:center;justify-content:center;padding:.5rem 2.5rem}.dial-input{width:100%;background:none;border:none;color:var(--ink);font-family:var(--sans);font-size:1.9rem;font-weight:600;text-align:center;outline:none;letter-spacing:.01em;font-variant-numeric:tabular-nums}.dial-input::placeholder{color:var(--dim);font-weight:500;font-size:1.2rem}.call-info{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem}.call-info:before{content:var(--caller-initial, "·");display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--neon);color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:.2rem}.caller-name{font-size:1.3rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.call-status{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;background:var(--bg);border-radius:999px}.call-status.connecting{color:var(--neon-dim);background:var(--neon-soft)}.call-duration{margin-top:.2rem;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600;color:var(--muted)}.call-info--failure:before{background:var(--danger);content:"!"}.failure-headline{font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--danger);text-transform:uppercase}.failure-code{font-size:.72rem;color:var(--dim)}.btn-backspace{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-backspace:hover{background:var(--bg);color:var(--ink)}.dialpad{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.dialpad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.dialpad-btn{height:60px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s,transform .08s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dialpad-btn:hover{background:var(--bg);border-color:var(--border-hi)}.dialpad-btn:active{transform:scale(.96);background:var(--neon-soft);border-color:var(--neon)}.dialpad-btn .digit-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem}.dialpad-btn .digit{font-size:1.5rem;font-weight:600;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.dialpad-btn .letters{font-size:.55rem;font-weight:600;letter-spacing:.14em;color:var(--dim);line-height:1}.btn-glow-effect{display:none}.dialpad--compact,.dialpad--compact .dialpad-row{gap:.4rem}.dialpad--compact .dialpad-btn{height:46px;border-radius:10px}.dialpad--compact .dialpad-btn .digit{font-size:1.15rem}.callbar{margin-top:auto;padding:.5rem 0 .75rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.callfab-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem}.callfab{width:60px;height:60px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px -4px #1d9e7580;transition:transform .1s,box-shadow .15s,background .15s}.callfab:active:not(:disabled){transform:scale(.94)}.callfab--answer,.callfab--idle{background:var(--neon)}.callfab--answer{animation:fabPulse 1.6s ease-out infinite}.callfab--idle{opacity:.4;cursor:not-allowed;box-shadow:none}.callfab--end{background:var(--danger);box-shadow:0 6px 16px -4px #dc262680}.callfab-text{background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer}.callfab-text:hover{color:var(--danger)}@keyframes fabPulse{0%{box-shadow:0 6px 16px -4px #1d9e7580,0 0 #1d9e7573}70%{box-shadow:0 6px 16px -4px #1d9e7580,0 0 0 16px #1d9e7500}to{box-shadow:0 6px 16px -4px #1d9e7580,0 0 #1d9e7500}}.call-controls{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.call-controls--active .btn-hangup{grid-column:1 / -1}.btn-control{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .3rem;background:var(--surface);border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:.62rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-control:hover{background:var(--bg);color:var(--ink)}.btn-control.active{background:var(--neon-soft);border-color:var(--neon);color:var(--neon-dim)}.btn-control:disabled{opacity:.5;cursor:not-allowed}.btn-control .icon{display:inline-flex}.btn-hangup,.btn-call{display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:11px;color:#fff;font-family:var(--sans);font-size:.9rem;font-weight:600;padding:.85rem;cursor:pointer}.btn-call{background:var(--neon)}.btn-call:hover:not(:disabled){background:var(--neon-dim)}.btn-hangup{background:var(--danger)}.btn-hangup:hover{filter:brightness(.95)}.btn-call:disabled{opacity:.5;cursor:not-allowed}.call-controls--incoming{grid-template-columns:1fr 1fr}.bottom-nav{display:flex;margin:0 -1.25rem;border-top:1px solid var(--border)}.navtab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .5rem;background:none;border:none;color:var(--muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:color .15s}.navtab:hover:not(:disabled){color:var(--ink)}.navtab.is-active{color:var(--neon-dim)}.navtab:disabled{opacity:.4;cursor:not-allowed}.recents{flex:1;display:flex;flex-direction:column;min-height:0}.recents h2{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .5rem}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;max-height:340px}.history-empty{margin:2rem 0;text-align:center;color:var(--dim);font-size:.85rem}.history-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .5rem;width:100%;text-align:left;font:inherit;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}.history-item:hover{background:var(--bg);border-color:var(--border-hi)}.history-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg);color:var(--muted);flex-shrink:0}.history-item.incoming .history-icon{color:var(--neon-dim);background:var(--neon-soft)}.history-item.missed .history-icon{color:var(--danger);background:var(--danger-soft)}.history-info{flex:1;min-width:0}.history-number{font-size:.92rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:.72rem;color:var(--dim)}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.history-duration{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.history-disposition{font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.12rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.history-disposition--sale,.history-disposition--callback{color:var(--neon-dim);border-color:var(--neon)}.history-disposition--dnc,.history-disposition--wrong_number{color:var(--danger);border-color:var(--danger)}.config-panel{padding:.5rem .15rem 1.25rem}.config-panel h2{font-size:1.25rem;font-weight:700;color:var(--ink);margin:0 0 1.25rem}.config-form{display:flex;flex-direction:column;gap:.9rem}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{font-size:.78rem;font-weight:600;color:var(--muted)}.neon-input{width:100%;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--ink);font-family:var(--sans);font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.neon-input:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-soft)}.neon-input::placeholder{color:var(--dim)}.form-alert{padding:.6rem .75rem;border-radius:9px;font-size:.82rem;line-height:1.4}.form-alert--error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}.btn-primary{width:100%;padding:.85rem;border:none;border-radius:10px;background:var(--neon);color:#fff;font-family:var(--sans);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--neon-dim)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-glow{display:none}.transfer-panel{width:100%;margin-top:.5rem;padding:.9rem;background:var(--bg);border:1px solid var(--border);border-radius:11px}.transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.disposition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#10182859;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:1rem}.disposition-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;box-shadow:var(--shadow-card)}.disposition-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:var(--ink)}.disposition-subtitle{margin:0 0 1rem;color:var(--muted);font-size:.85rem}.disposition-subtitle code{color:var(--ink);font-weight:600}.disposition-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}.disposition-btn{font-family:inherit;font-size:.82rem;font-weight:600;padding:.7rem;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}.disposition-btn:hover{background:var(--bg);border-color:var(--border-hi)}.disposition-btn--positive{border-color:var(--neon);color:var(--neon-dim)}.disposition-btn--negative{border-color:var(--danger);color:var(--danger)}.disposition-skip{width:100%;margin-top:.3rem;padding:.55rem;background:transparent;border:1px dashed var(--border-hi);border-radius:9px;color:var(--muted);cursor:pointer;font-size:.8rem}.disposition-skip:hover{color:var(--ink)}@media(max-width:430px){.phone-shell{padding:0}.phone-card{max-width:none;margin:0;min-height:100svh;border:none;border-radius:0;box-shadow:none}.bottom-nav{margin-top:auto}}@media(prefers-reduced-motion:reduce){.phone-shell *,.phone-shell *:before,.phone-shell *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}