:root{color-scheme:light;font-family:Bahnschrift,Segoe UI Variable,Segoe UI,sans-serif;background-color:#0b0f16}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 55%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.16),transparent 45%),linear-gradient(180deg,#0b0f16,#0f172a);color:#e2e8f0;overflow:hidden}button,input,select{font:inherit}.app-shell{height:100vh;width:100%;display:flex;overflow:hidden;background-color:var(--color-bg);background-image:var(--app-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center}.app{position:relative;flex:1;min-height:0;height:100%;width:100%;padding:0;display:flex;justify-content:flex-start;align-items:stretch;overflow:hidden}:root{color-scheme:dark;--ui-scale: 1;--color-bg: #0b0f16;--color-bg-2: #0f172a;--color-surface: #0c1017;--color-surface-2: #101621;--color-surface-3: #141a25;--color-panel-bg: rgba(12, 16, 23, .92);--color-card-bg: rgba(15, 20, 27, .85);--color-shell-bg: rgba(10, 14, 20, .92);--color-nav-bg: rgba(10, 13, 19, .98);--color-border: rgba(148, 163, 184, .25);--color-border-soft: rgba(255, 255, 255, .06);--color-text: #f8fafc;--color-text-muted: #b8c2d1;--color-text-subtle: #94a3b8;--color-accent: #38bdf8;--color-accent-2: #4ade80;--color-warning: #facc15;--color-danger: #f87171;--color-success: #22c55e;--color-input-bg: #0f141c;--color-chip-bg: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .45);--login-accent: rgba(14, 165, 233, .18);--app-ambient-1: rgba(56, 189, 248, .12);--app-ambient-2: rgba(236, 72, 153, .12);--ambient-left: #6ee7f0;--ambient-right: #facc15;--main-overlay-start: rgba(8, 12, 18, .92);--main-overlay-end: rgba(8, 12, 18, .75);--app-bg-image: url(file:///C:/softphone2/React%20UI/EP_Desktop-Background_01.png)}[data-theme=light]{color-scheme:light;--color-bg: #f4f6fb;--color-bg-2: #e8edf6;--color-surface: #ffffff;--color-surface-2: #f3f5fb;--color-surface-3: #eef2f8;--color-panel-bg: rgba(255, 255, 255, .92);--color-card-bg: rgba(255, 255, 255, .88);--color-shell-bg: rgba(255, 255, 255, .92);--color-nav-bg: rgba(245, 247, 252, .96);--color-border: rgba(15, 23, 42, .12);--color-border-soft: rgba(15, 23, 42, .08);--color-text: #0f172a;--color-text-muted: #475569;--color-text-subtle: #64748b;--color-accent: #0ea5e9;--color-accent-2: #10b981;--color-warning: #eab308;--color-danger: #ef4444;--color-success: #16a34a;--color-input-bg: #ffffff;--color-chip-bg: rgba(15, 23, 42, .06);--color-shadow: rgba(15, 23, 42, .12);--login-accent: rgba(56, 189, 248, .2);--app-ambient-1: rgba(14, 165, 233, .12);--app-ambient-2: rgba(20, 184, 166, .12);--ambient-left: #38bdf8;--ambient-right: #34d399;--main-overlay-start: rgba(247, 249, 255, .92);--main-overlay-end: rgba(238, 242, 249, .86);--app-bg-image: url(file:///C:/softphone2/React%20UI/EP_Desktop-Background_01.png)}html,body,#root{height:100%;width:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);overflow:hidden}button{font-family:inherit;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}button:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 0 0 1px #ffffff14}.login-root{flex:1;min-height:0;height:100%;display:grid;place-items:center;padding:40px 20px;overflow-y:auto;background:radial-gradient(circle at 20% 20%,var(--login-accent),transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-2) 100%)}.login-card{width:min(420px,92vw);background:var(--color-shell-bg);border:1px solid var(--color-border-soft);border-radius:20px;padding:24px;display:grid;gap:16px;box-shadow:0 25px 60px var(--color-shadow)}.login-brand{display:flex;gap:12px;align-items:center}.login-actions{display:grid;gap:12px}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 80%,var(--app-ambient-1),transparent 55%),radial-gradient(circle at 85% 75%,var(--app-ambient-2),transparent 50%);opacity:.7;pointer-events:none}.ambient{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(0px);opacity:.3;z-index:0}.ambient-left{left:-140px;top:-120px;background:radial-gradient(circle at 30% 30%,var(--ambient-left),transparent 60%)}.ambient-right{right:-180px;top:120px;background:radial-gradient(circle at 60% 40%,var(--ambient-right),transparent 60%)}.shell{position:relative;z-index:1;width:100%;height:100%;min-height:0;background-color:transparent;border:1px solid var(--color-border-soft);border-radius:0;box-shadow:0 25px 70px var(--color-shadow),inset 0 1px #ffffff08;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .3s ease,box-shadow .3s ease}.shell-scale{width:100%;height:100%;zoom:var(--ui-scale);flex:1;min-width:0;min-height:0}.shell-layout{display:flex;min-height:0;width:100%;height:100%;overflow:hidden}.nav{padding:28px 20px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:24px;background:var(--color-nav-bg);flex:0 0 240px;width:240px;height:100%}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--color-accent),rgba(14,165,233,.4));display:grid;place-items:center;font-weight:700;color:var(--color-bg)}.brand-title{margin:0;font-size:14px;color:var(--color-text)}.brand-subtitle{margin:2px 0 0;font-size:12px;color:var(--color-text-subtle)}.nav-list{display:grid;gap:10px}.nav-item{background:transparent;border:1px solid transparent;color:var(--color-text-muted);padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.nav-item:hover{background:var(--color-chip-bg);transform:translate(2px)}.nav-item.active{background:#38bdf81f;border-color:#38bdf866;color:var(--color-text)}.nav-item.missed{border-color:#f8717159;color:var(--color-text)}.nav-item.missed .nav-pill{background:var(--color-danger);box-shadow:0 0 12px #f8717199}.nav-item.pulse{animation:pulseGlow 1.6s ease-in-out infinite}.nav-pill{width:8px;height:8px;border-radius:50%;background:#94a3b880}.nav-item.active .nav-pill{background:var(--color-accent);box-shadow:0 0 12px #38bdf899}.nav-text{flex:1}.nav-badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f8717133;border:1px solid rgba(248,113,113,.5);color:#fecaca;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 14px #f8717140}.nav-icon{width:30px;height:30px;display:block}.nav-footer{margin-top:auto;display:grid;gap:8px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--color-text-subtle)}.nav-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text)}.main{padding:28px;display:flex;flex-direction:column;gap:20px;position:relative;min-width:0;min-height:0;flex:1;overflow:hidden;border-radius:0}.main-content{display:flex;flex-direction:column;gap:20px;min-height:0;flex:1;overflow-y:auto}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center}.health-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--color-border-soft);background:var(--color-card-bg)}.health-ready{border-color:#22c55e73;background:#22c55e1f}.health-reconnecting{border-color:#facc1573;background:#facc151f}.health-disconnected{border-color:#f8717173;background:#f871711f}.health-header{display:grid;gap:2px}.health-state{font-size:13px;letter-spacing:.12em;font-weight:700}.health-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle)}.health-checks{display:flex;flex-wrap:wrap;gap:8px}.health-chip{border-radius:999px;border:1px solid var(--color-border-soft);padding:5px 10px;font-size:11px;letter-spacing:.04em;background:#0f172a3d}.health-chip.ok{border-color:#22c55e73}.health-chip.bad{border-color:#f8717173}.topbar-actions{display:flex;gap:12px;align-items:center}.missed-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-radius:16px;background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fecaca;box-shadow:0 20px 40px #f871712e}.missed-title{margin:0 0 4px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.missed-subtitle{margin:0;font-size:13px;color:#fee2e2}.missed-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--color-text-subtle);margin:0 0 8px}.hero h1{margin:0;font-size:clamp(28px,4vw,42px);color:var(--color-text)}.subtitle{margin:8px 0 0;color:var(--color-text-muted);max-width:480px}.hero-chip{padding:10px 16px;border-radius:999px;background:var(--color-chip-bg);color:var(--color-text);font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 12px #4ade80cc}.alert{background:#be123c1f;color:#fecdd3;border:1px solid rgba(244,63,94,.2);padding:12px 16px;border-radius:14px}.status-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.status-pill{flex:1 1 200px;padding:12px 16px;border-radius:16px;background:var(--color-card-bg);border:1px solid var(--color-border-soft);display:flex;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-size:14px}.status-pill strong{color:var(--color-text)}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-height:0;height:100%;flex:1;overflow:hidden}.page-grid.single{grid-template-columns:1fr}.main-content.no-scroll{overflow:hidden}.settings-shell{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.settings-nav{display:flex;flex-wrap:wrap;gap:8px}.settings-tab{border-radius:999px;padding:8px 14px;border:1px solid var(--color-border-soft);background:#0f172a99;color:var(--color-text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.settings-tab:hover{border-color:#38bdf866;color:var(--color-text)}.settings-tab.active{background:#38bdf82e;color:#e0f2fe;border-color:#38bdf88c;box-shadow:0 10px 24px #0e749033}.settings-content{display:flex;flex:1;min-height:0}.settings-panel{flex:1;min-height:0;overflow:hidden;padding:16px;gap:12px}.settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0}.settings-column{display:grid;gap:12px;min-height:0}.settings-log .log{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:auto}.settings-log .log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialer-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.dialer-grid .dialer-panel{min-height:0;overflow:auto}.dialer-grid-collapsed{grid-template-columns:minmax(0,1fr)}.dialer-grid-collapsed .dialer-panel{width:100%;max-width:none;justify-self:stretch}.panel{background:var(--color-panel-bg);border-radius:20px;border:1px solid var(--color-border-soft);padding:20px;display:flex;flex-direction:column;gap:14px;animation:rise .5s ease both;animation-delay:var(--delay, 0ms);transition:border-color .2s ease,transform .2s ease}.panel-stack{display:flex;flex-direction:column;gap:18px;flex:1;height:100%;min-height:0;overflow:hidden}.panel-stack.compact{width:100%;margin-top:12px;justify-self:stretch}.panel-collapsed{padding:12px}.panel:hover{border-color:#38bdf840;transform:translateY(-1px)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-hint{margin-top:8px;margin-bottom:4px;padding:8px 12px;border-radius:12px;background:#38bdf81f;color:var(--color-text);font-size:13px;letter-spacing:.02em;border:1px solid rgba(56,189,248,.2)}.panel-actions{display:flex;align-items:center;gap:8px}.panel-title h2{margin:0;font-size:18px;color:var(--color-text)}.tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#3b82f629;color:#93c5fd}.tag.dev{background:#22c55e29;color:#86efac}.field-row{display:grid;gap:8px}.field-row label{font-size:12px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.12em}.field-row input,.field-row select{background:var(--color-input-bg);color:var(--color-text);border-radius:12px;border:1px solid var(--color-border);padding:10px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field-row input.select-like{padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,rgba(148,163,184,.8) 50%),linear-gradient(135deg,rgba(148,163,184,.8) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.color-picker-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.field-row input:focus,.field-row select:focus{border-color:#38bdf8b3;box-shadow:0 0 0 3px #38bdf82e}.inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row.compact label{font-size:11px}.checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.input-group{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.control-row{display:flex;gap:10px;flex-wrap:wrap}.active-call-popup-anchor{position:relative;height:0}.active-call-popup{position:absolute;z-index:10;top:0;left:0;right:0;padding:12px;border-radius:14px;border:1px solid rgba(56,189,248,.35);background:#060e22f5;box-shadow:0 14px 32px #02081773;max-height:min(52vh,420px);overflow:auto}.primary{background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));color:var(--color-bg);border:none;border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #22d3ee2e;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #22d3ee47}.secondary{background:var(--color-chip-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;padding:10px 16px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.secondary:hover{border-color:#38bdf866;transform:translateY(-1px)}.secondary.active{border-color:#0ea5e9b3;box-shadow:inset 0 0 0 1px #38bdf866}.ghost{background:transparent;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-muted);padding:10px 16px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.ghost:hover{border-color:#38bdf866;transform:translateY(-1px)}.danger{background:#f8717133;border:1px solid rgba(248,113,113,.35);color:#fecaca;border-radius:12px;padding:10px 16px;transition:transform .2s ease}.danger:hover{transform:translateY(-1px)}.btn-call,.btn-hangup,.btn-clear,.btn-ms-signout,.btn-control,.keypad-key,.calendar-ms{position:relative;overflow:hidden;letter-spacing:.02em}.btn-call:after,.btn-hangup:after,.btn-clear:after,.btn-ms-signout:after,.btn-control:after,.keypad-key:after,.calendar-ms:after{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%);transition:opacity .2s ease;pointer-events:none}.btn-call:hover,.btn-hangup:hover,.btn-clear:hover,.btn-ms-signout:hover,.btn-control:hover,.keypad-key:hover,.calendar-ms:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0f172a59}.btn-call:hover:after,.btn-hangup:hover:after,.btn-clear:hover:after,.btn-ms-signout:hover:after,.btn-control:hover:after,.keypad-key:hover:after,.calendar-ms:hover:after{opacity:1}.btn-shake:hover{animation:microShake .35s ease-in-out both}.btn-call:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.hint{margin:0;font-size:12px;color:var(--color-text-subtle)}.hint.warning{color:#facc15}.link-button{background:transparent;border:none;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit}.link-button:hover{color:#bae6fd}.call-card{background:var(--color-card-bg);border-radius:16px;border:1px solid var(--color-border-soft);padding:16px;display:grid;gap:12px}.quote{font-size:13px;color:var(--color-text-muted);text-align:center;padding:8px 12px;border-radius:12px;background:var(--color-card-bg);transition:opacity .5s ease}.quote.faded{opacity:.25}.call-card h3{margin:0;color:var(--color-text)}.call-header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.call-avatar{width:46px;height:46px;border-radius:14px;background:#3b82f633;border:1px solid rgba(59,130,246,.35);display:grid;place-items:center;font-weight:700;color:#93c5fd}.call-avatar.pulsing{animation:callPulse 1.6s ease-in-out infinite;box-shadow:0 0 0 1px #38bdf859,0 0 18px #38bdf859}.call-timer{text-align:right;font-size:12px;color:var(--color-text-subtle);display:grid;gap:2px}.call-timer strong{font-size:16px;color:var(--color-text)}.label{margin:0;font-size:12px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.14em}.contacts-list{display:grid;gap:10px;max-height:280px;overflow-y:auto;padding-right:6px}.contact-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border-soft)}.contact-identity{background:transparent;border:none;padding:0;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;color:inherit;cursor:pointer}.contact-avatar{width:42px;height:42px;border-radius:14px;background:#0ea5e92e;border:1px solid rgba(56,189,248,.35);display:grid;place-items:center;font-weight:700;color:#bae6fd}.contact-meta{display:grid;gap:4px}.contact-name{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--color-text)}.contact-subtitle{display:flex;gap:10px;font-size:12px;color:var(--color-text-subtle)}.contact-number{color:var(--color-text-muted)}.presence{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:4px 8px;border-radius:999px;background:var(--color-chip-bg);color:var(--color-text-muted)}.presence.online{background:#22c55e2e;color:#86efac}.presence.busy{background:#f8717133;color:#fecaca}.presence.offline{background:var(--color-chip-bg);color:var(--color-text-subtle)}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.history-list{display:grid;gap:10px;max-height:520px;overflow-y:auto;padding-right:6px}.history-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border-soft)}.history-icon{width:10px;height:10px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf899}.history-icon.inbound{background:#22c55e;box-shadow:0 0 10px #22c55e99}.history-icon.outbound{background:#38bdf8;box-shadow:0 0 10px #38bdf899}.history-icon.missed{background:#f87171;box-shadow:0 0 10px #f8717199}.history-meta{display:grid;gap:4px}.history-name{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--color-text)}.history-subtitle{display:flex;gap:12px;font-size:12px;color:var(--color-text-subtle)}.history-tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:4px 8px;border-radius:999px;background:var(--color-chip-bg);color:var(--color-text-muted)}.history-tag.inbound{background:#22c55e2e;color:#86efac}.history-tag.outbound{background:#38bdf82e;color:#bae6fd}.history-tag.missed{background:#f8717133;color:#fecaca}.history-duration{font-size:13px;color:var(--color-text)}.history-actions{display:flex;gap:8px}.transfer-suggestions{display:grid;gap:8px;margin-top:8px}.transfer-suggestion{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--color-card-bg);border:1px solid var(--color-border-soft);color:var(--color-text);cursor:pointer}.transfer-suggestion:hover{border-color:#38bdf866}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-panel{position:relative;min-height:0;overflow:auto}.calendar-controls{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.calendar-ms{font-size:12px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));color:var(--color-bg);border:none;box-shadow:0 10px 20px #22d3ee33;filter:brightness(.8)}.calendar-ms-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.35);font-size:12px}.calendar-ms-badge .ghost{padding:4px 8px;border-radius:8px}.btn-ms-signout{background:linear-gradient(135deg,#22d3ee33,#38bdf840);border-color:#22d3ee73;color:#e0f2fe}.calendar-auth-hint{margin-top:10px}.calendar-controls select{background:var(--color-card-bg);color:var(--color-text);border-radius:10px;border:1px solid var(--color-border);padding:6px 8px;font-size:12px}.calendar-controls .calendar-nav{display:none}.calendar-day{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-subtle);text-align:center}.calendar-cell{height:36px;border-radius:12px;background:var(--color-card-bg);border:1px solid var(--color-border-soft);display:grid;place-items:center;font-size:12px;color:var(--color-text);cursor:pointer}.calendar-cell.is-empty{opacity:.25;cursor:default}.calendar-cell.is-today{border-color:#22d3eeb3;box-shadow:0 0 0 2px #22d3ee33}.calendar-cell.is-selected{border-color:#38bdf8b3;box-shadow:0 0 0 2px #38bdf840}.calendar-context-menu{position:absolute;left:12px;width:52%;max-width:420px;bottom:12px;z-index:10;padding:10px;border-radius:12px;background:#0f172af2;border:1px solid rgba(148,163,184,.3);box-shadow:0 16px 36px #00000059;display:grid;gap:6px}.calendar-context-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 6px;font-size:12px;color:var(--color-text-subtle)}.calendar-context-menu button{width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;color:var(--color-text);border-radius:10px;cursor:pointer}.calendar-context-menu button:hover{background:#38bdf824}.recent-list{display:grid;gap:10px;max-height:320px;overflow-y:auto;padding-right:6px}.panel-stack .recent-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.panel-stack .recent-list{flex:1;max-height:none}.recent-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--color-card-bg);border:1px solid var(--color-border-soft)}.recent-meta{display:grid;gap:4px}.recent-line{display:flex;gap:8px;align-items:center}.recent-number{font-weight:600;color:var(--color-text)}.recent-subtitle{display:flex;gap:12px;font-size:12px;color:var(--color-text-subtle)}.recent-actions{display:flex;gap:8px}.settings-grid{display:grid;gap:10px}.slider-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.slider-row input[type=range]{width:100%}.slider-value{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--color-chip-bg);color:var(--color-text)}.call-notes-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-area{background:var(--color-input-bg);color:var(--color-text);border-radius:12px;border:1px solid var(--color-border);padding:10px 12px;resize:vertical}.context-panel .context-block{display:grid;gap:6px}.context-lines{display:grid;gap:4px;color:var(--color-text);font-size:13px}.radio-group{display:grid;gap:6px;color:var(--color-text-muted);font-size:13px}.radio{display:inline-flex;align-items:center;gap:8px}.context-input{background:var(--color-input-bg);color:var(--color-text);border-radius:12px;border:1px solid var(--color-border);padding:10px 12px}.profile-overlay{position:fixed;right:24px;top:24px;bottom:24px;width:min(360px,90vw);z-index:30}.profile-card{height:100%;background:var(--color-panel-bg);border:1px solid var(--color-border-soft);border-radius:20px;padding:16px;display:grid;gap:12px;box-shadow:0 30px 60px var(--color-shadow);overflow:auto}.profile-card .actions button{width:100%;height:46px;padding:0 12px}.profile-card .actions .primary{box-shadow:none}.profile-card .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.keypad-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:58px;background:linear-gradient(180deg,var(--color-surface-3),var(--color-surface-2));border:1px solid var(--color-border);border-radius:12px;padding:0;color:var(--color-text);font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 6px 12px #02061740,inset 0 1px #ffffff0f,inset 0 -4px 8px #02061740;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease}.keypad-key-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--color-text-subtle);line-height:1;min-height:10px}.keypad-key:hover{border-color:#38bdf88c}.keypad-key:active{transform:translateY(2px);box-shadow:0 6px 10px #02061759,inset 0 1px #ffffff0a,inset 0 -2px 6px #020617a6}.logs{grid-column:1 / -1}.log{background:var(--color-surface-2);border-radius:14px;border:1px solid var(--color-border-soft);padding:14px;max-height:240px;overflow-y:auto;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;color:var(--color-text-muted);scrollbar-color:rgba(148,163,184,.35) transparent}.log-line{padding:4px 0;border-bottom:1px dashed rgba(148,163,184,.15)}.log-line:last-child{border-bottom:none}.incoming-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#0206178c,#020617b8);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;z-index:60;animation:rise .2s ease-out}.incoming-card{width:min(560px,92vw);background:var(--color-panel-bg);border:1px solid var(--color-border-soft);border-radius:22px;padding:24px;display:grid;gap:18px;box-shadow:0 34px 64px var(--color-shadow)}.contacts-list::-webkit-scrollbar,.history-list::-webkit-scrollbar,.recent-list::-webkit-scrollbar,.log::-webkit-scrollbar{width:8px}.contacts-list::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb,.recent-list::-webkit-scrollbar-thumb,.log::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.contacts-list::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track,.recent-list::-webkit-scrollbar-track,.log::-webkit-scrollbar-track{background:transparent}.incoming-header{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.incoming-avatar{width:54px;height:54px;border-radius:16px;background:#22c55e2e;border:1px solid rgba(34,197,94,.4);display:grid;place-items:center;font-weight:700;color:#86efac}.incoming-label{margin:0 0 6px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-subtle)}.incoming-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 18px #f8717159}to{box-shadow:0 0 #f8717100}}@keyframes callPulse{0%{transform:scale(1);box-shadow:0 0 #38bdf859}50%{transform:scale(1.06);box-shadow:0 0 0 10px #38bdf814}to{transform:scale(1);box-shadow:0 0 #38bdf859}}@keyframes microShake{0%{transform:translate(0)}25%{transform:translate(-1px)}50%{transform:translate(1px)}75%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.shell-layout{flex-direction:column}.nav{flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border);flex:0 0 auto;width:100%;height:auto}.nav-list{display:flex;gap:8px}.nav-footer{display:none}.page-grid,.dialer-grid,.settings-columns{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.input-group{grid-template-columns:1fr}.main{border-radius:0 0 28px 28px}}