:root{--canvas-bg: #f1f2f3;--card-bg: #ffffff;--sidebar-bg: #17232d;--header-teal: #238b9a;--tab-strip-bg: #1e282f;--border-color: #d7dce1;--selected-row-bg: #cfe9fa;--action-success: #58bd6a;--action-danger: #ef5555;--action-info: #42a5e9;--action-warning: #ff754e;--text-primary: #2f3437;--text-secondary: #515a61;--text-muted: #6b737a;--kpi-blue: #3182ce;--kpi-green: #38a169;--kpi-red: #e53e3e;--kpi-orange: #dd6b20;--kpi-cyan: #319795;--kpi-purple: #805ad5;--font-sans: Arial, "Helvetica Neue", sans-serif;--font-heading: Arial, "Helvetica Neue", sans-serif;--header-height: 44px;--sidebar-width: 218px}.agent-dashboard{background-color:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-sans);height:100vh;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{background-color:var(--header-teal);color:#fff;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;box-shadow:0 2px 4px #0000001a;z-index:10;flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.header-sidebar-toggle{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.header-sidebar-toggle:hover{background:#ffffff1a}.hamburger-icon{width:20px;height:20px}.brand-logo{font-family:var(--font-heading);font-weight:700;font-size:1.35rem;letter-spacing:.08em}.header-right{display:flex;align-items:center;gap:1.5rem;font-size:.85rem}.header-indicator{display:flex;align-items:center;gap:.4rem;opacity:.9}.header-indicator-icon{width:18px;height:18px;flex-shrink:0}.latency-indicator{font-weight:600;transition:color .3s ease}.latency-indicator.latency-good{color:#48bb78!important}.latency-indicator.latency-warn{color:#ed8936!important}.latency-indicator.latency-bad{color:#f56565!important}.latency-indicator.latency-loading{color:#ffffff80!important}.user-profile-menu{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:#ffffff14;padding:.3rem .8rem;border-radius:4px;transition:background-color .2s ease}.user-profile-menu:hover{background:#ffffff26}.profile-mini-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden}.profile-name{font-weight:500}.arrow-down{font-size:.65rem;opacity:.8}.app-shell{flex:1;display:flex;height:calc(100vh - var(--header-height));overflow:hidden}.sidebar-nav{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .08);--card-bg: #161c26;position:relative;width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0;overflow-y:auto;z-index:1;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav.collapsed{width:var(--sidebar-collapsed-width, 68px);overflow-x:hidden}.sidebar-nav:before{content:"";position:absolute;top:60px;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 300' fill='none'%3E%3Cg opacity='0.035'%3E%3Ccircle cx='120' cy='150' r='110' stroke='%23ffffff' stroke-width='1.5' stroke-dasharray='2 6'/%3E%3Ccircle cx='120' cy='150' r='85' stroke='%23ffffff' stroke-width='1' stroke-dasharray='2 5'/%3E%3Ccircle cx='120' cy='150' r='60' stroke='%23ffffff' stroke-width='1' stroke-dasharray='1 4'/%3E%3Cpath d='M10 150 Q120 30 230 150' stroke='%23ffffff' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cpath d='M10 150 Q120 270 230 150' stroke='%23ffffff' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cline x1='120' y1='30' x2='120' y2='270' stroke='%23ffffff' stroke-width='1.5' stroke-dasharray='2 6'/%3E%3Cline x1='10' y1='150' x2='230' y2='150' stroke='%23ffffff' stroke-width='1.5' stroke-dasharray='2 6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:95%;pointer-events:none;z-index:0}.agent-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem;z-index:1;transition:padding .3s cubic-bezier(.4,0,.2,1),margin-bottom .3s ease}.sidebar-nav.collapsed .agent-profile-card{padding:0 .5rem 1rem;margin-bottom:1rem}.profile-large-avatar{width:90px;height:90px;border-radius:50%;border:3.5px solid #ffffff;margin-bottom:.8rem;box-shadow:0 4px 12px #0006;z-index:1;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),border-width .3s ease,margin-bottom .3s ease}.sidebar-nav.collapsed .profile-large-avatar{width:40px;height:40px;border-width:2px;margin-bottom:0}.avatar-svg{width:100%;height:100%;display:block}.sidebar-nav.collapsed .profile-username,.sidebar-nav.collapsed .profile-org,.sidebar-nav.collapsed .item-label,.sidebar-nav.collapsed .submenu-arrow,.sidebar-nav.collapsed .submenu-items{display:none!important}.sidebar-nav.collapsed .nav-item{justify-content:center;padding:.75rem 0;gap:0}.profile-username{font-family:var(--font-heading);font-size:1.1rem;margin:0;font-weight:600;color:#fff}.profile-org{font-size:.775rem;color:var(--text-secondary);margin:.2rem 0 0}.nav-menu{display:flex;flex-direction:column;gap:.2rem;padding:0;z-index:1}.nav-item{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;cursor:pointer;display:flex;align-items:center;text-align:left;gap:.9rem;transition:all .2s ease;width:100%}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{background-color:var(--header-teal);color:#fff;font-weight:600}.nav-item.active-parent{color:#fff;background-color:var(--header-teal);font-weight:600}.nav-item .item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.nav-item .item-label{flex:1}.submenu-arrow{display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;opacity:.9}.submenu-items{display:flex;flex-direction:column;background-color:#0003;padding:.3rem 0}.submenu-nav-item{background:transparent;border:none;text-align:left;color:#fffffff2;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.75rem 1.5rem .75rem 3rem;cursor:pointer;display:flex;align-items:center;gap:.95rem;transition:all .2s ease;width:100%}.submenu-item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;opacity:.95}.submenu-item-label{flex:1}.submenu-chevron{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2.5px}.sidebar-icon{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2px}.submenu-nav-item:hover{color:#fff;background:#ffffff0d}.submenu-nav-item.active{color:#fff;font-weight:600;background:#ffffff08}.nested-submenu-container{display:flex;flex-direction:column}.nested-submenu-items{display:flex;flex-direction:column;background-color:#0000001f;padding:.2rem 0}.nested-submenu-nav-item{background:transparent;border:none;text-align:left;color:#ffffffd9;font-family:var(--font-sans);font-size:.825rem;font-weight:500;padding:.7rem 1rem .7rem 4.5rem;cursor:pointer;display:flex;align-items:center;gap:.65rem;transition:all .2s ease;width:100%}.nested-submenu-nav-item:hover{color:#fff;background:#ffffff0d}.nested-submenu-nav-item.active{color:#fff;font-weight:600;background:#ffffff08}.nested-submenu-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.9}.nested-submenu-item-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2px}.nested-submenu-item-label{flex:1}.sidebar-nav.collapsed .nested-submenu-container,.sidebar-nav.collapsed .nested-submenu-items,.sidebar-nav.collapsed .nested-submenu-nav-item{display:none!important}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--canvas-bg);overflow-y:auto}.reference-report-screen{min-width:0;padding:8px;border-radius:0;background:var(--united-canvas, #eef1f3)}.reference-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:5px 7px;border:1px solid #c5cbd0;border-bottom:2px solid #55aeb9;background:#f7f8f9}.reference-report-title{display:inline-flex;align-items:center;gap:7px;color:#26363e;font-size:13px;font-weight:700;white-space:nowrap}.reference-report-actions,.reference-range-group{display:inline-flex;align-items:center;flex-wrap:wrap}.reference-report-actions{gap:4px}.reference-tool-button,.reference-range-group button{min-height:27px;padding:4px 8px;border:1px solid #b8c0c6;border-radius:0;background:linear-gradient(#fff,#edf0f2);color:#32444c;font:600 11px var(--font-sans);cursor:pointer}.reference-range-group button+button{margin-left:-1px}.reference-tool-button:hover,.reference-tool-button.active,.reference-range-group button.active{background:#4f6873;color:#fff}.reference-grid-wrap{max-width:100%;margin-top:6px;overflow:auto;border:1px solid #bdc6cc;background:#fff}.reference-grid{min-width:max-content;width:100%;border-collapse:collapse;font-size:11px}.reference-grid th{height:30px;padding:5px 7px;border-right:1px solid #c8d0d5;border-bottom:1px solid #b8c0c6;background:linear-gradient(#fafbfc,#e7ebee);color:#283940;text-align:left;white-space:nowrap}.reference-grid td{height:29px;padding:5px 7px;border-right:1px solid #dbe0e3;border-bottom:1px solid #e0e4e7;color:#35474f;white-space:nowrap}.reference-grid tbody tr:nth-child(2n) td{background:#f7f9fa}.reference-grid tbody tr:hover td{background:#e9f5f7}.reference-grid audio{width:180px;height:25px}.reference-filter-row th{padding:3px;background:#f5f7f8}.reference-filter-row input{width:100%;min-width:76px;height:23px;box-sizing:border-box;border:1px solid #bdc6cc;border-radius:0;background:#fff;font-size:11px}.muted-cell{color:#8a969c}.reference-filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 12px;padding:10px;border:1px solid #bdc6cc;border-top:0;background:#f7f8f9}.reference-filter-panel label,.reference-refresh-select,.reference-outcome-select{display:flex;flex-direction:column;gap:3px;color:#40535c;font-size:11px;font-weight:600}.reference-filter-panel .reference-checkbox-label{align-items:center;flex-direction:row;align-self:end;min-height:28px}.reference-filter-panel .reference-checkbox-label input{width:15px;height:15px}.reference-filter-panel input,.reference-filter-panel select,.reference-refresh-select select,.reference-outcome-select select{height:28px;box-sizing:border-box;border:1px solid #b8c0c6;border-radius:0;background:#fff;color:#26363e;font-size:11px}.reference-refresh-select{flex-direction:row;align-items:center}.reference-refresh-select select{width:58px}.reference-filter-buttons{display:flex;align-items:end;gap:5px}.reference-filter-buttons button{height:28px;border:1px solid #899aa2;background:#4f6873;color:#fff;cursor:pointer}.reference-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}.reference-chart-card{min-width:0;padding:8px;border:1px solid #bdc6cc;border-top:3px solid #55aeb9;background:#fff}.reference-chart-card h3{margin:0 0 8px;color:#2f424a;font-size:12px}.reference-chart-content{display:grid;grid-template-columns:minmax(240px,1fr) minmax(130px,auto);gap:10px}.reference-bar-chart{display:flex;align-items:end;gap:5px;min-height:190px;padding:12px 8px 24px;border:1px solid #d9dfe3;overflow-x:auto}.reference-bar-item{display:flex;flex:1 0 34px;flex-direction:column;justify-content:end;align-items:center;height:150px;gap:5px;color:#596b73;font-size:9px}.reference-bar{width:70%;min-height:4px;background:#55aeb9}.reference-mini-table{align-self:start;border-collapse:collapse;font-size:10px}.reference-mini-table th,.reference-mini-table td{padding:5px 7px;border:1px solid #cbd2d6;text-align:left}.reference-empty-chart{align-self:center;width:100%;color:#7d8a90;text-align:center}.reference-outcome-select{max-width:280px;margin:8px 0}@media (max-width: 900px){.reference-report-toolbar{align-items:flex-start;flex-direction:column}.reference-chart-grid,.reference-chart-content{grid-template-columns:1fr}}.tab-bar{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .08);background:#141b27;height:38px;display:flex;align-items:flex-end;padding:0 1rem;border-bottom:2px solid var(--header-teal);flex-shrink:0}.sidebar-toggle-tab-btn{background:var(--header-teal);border:1px solid var(--header-teal);color:#fff;height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;margin-bottom:5px;margin-right:.6rem;transition:all .2s ease;font-size:.85rem;flex-shrink:0}.sidebar-toggle-tab-btn:hover{background:#25a4ba;border-color:#25a4ba}.tab-item{background:#ffffff08;border:1px solid var(--border-color);border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;padding:.4rem 1rem;font-size:.8rem;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;margin-bottom:-1px;transition:all .2s ease}.tab-item.active{background:var(--header-teal);color:#fff;border-color:var(--header-teal)}.tab-close{background:transparent;border:none;color:inherit;font-size:.95rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.tab-close:hover{opacity:1}.content-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.page-title-row h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:500;margin:0;color:var(--text-primary)}.page-title-row .campaign-id{font-weight:600}.agent-contact-fields{display:grid;gap:12px;margin-bottom:18px}.agent-contact-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.agent-contact-column{display:flex;flex-direction:column;gap:12px;min-width:0}.agent-contact-fields label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600}.agent-contact-fields input,.agent-contact-fields textarea,.agent-contact-fields select{width:100%;box-sizing:border-box;padding:9px;border:1px solid #b8c4ca;background:#fff;color:#26343c;border-radius:3px;min-width:0}.agent-contact-fields input[readonly]{background:#edf2f5;color:#52616b;cursor:not-allowed}.agent-contact-fields textarea{resize:vertical}.agent-contact-privacy{font-size:12px;line-height:1.5;color:#52616b;margin:0}@media (max-width: 700px){.agent-contact-columns,.active-call-workspace{grid-template-columns:minmax(0,1fr)!important}}.agent-dialer-hint{font-size:12px;line-height:1.45;color:#475569;padding:4px 8px}.agent-completion-error{padding:12px;background:#fff1f2;border:1px solid #ef4444}.call-failure-notice{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;border:2px solid #dc2626;border-left-width:7px;border-radius:6px;background:#fff7ed;color:#7f1d1d;box-shadow:0 4px 12px #7f1d1d26}.call-failure-audio-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 2.3rem;border-radius:50%;background:#dc2626;color:#fff;font-size:1.1rem}.call-failure-content{min-width:0;flex:1}.call-failure-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:.2rem}.call-failure-heading-row strong{font-size:1rem}.call-failure-code{padding:.12rem .45rem;border-radius:999px;background:#7f1d1d;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.03em}.call-failure-content p{margin:0;color:#5f2323;line-height:1.45}.call-failure-close{border:0;background:transparent;color:#7f1d1d;font-size:1.5rem;line-height:1;cursor:pointer}.kpi-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media (max-width: 1200px){.kpi-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.kpi-cards-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;position:relative;box-shadow:0 4px 6px #0000001a}.kpi-card:after{content:"";position:absolute;bottom:8px;left:1rem;right:1rem;height:4px;border-radius:2px;background:currentColor;opacity:.15}.border-blue{border:1.5px solid var(--kpi-blue);color:var(--kpi-blue)}.border-green{border:1.5px solid var(--kpi-green);color:var(--kpi-green)}.border-red{border:1.5px solid var(--kpi-red);color:var(--kpi-red)}.border-orange{border:1.5px solid var(--kpi-orange);color:var(--kpi-orange)}.border-cyan{border:1.5px solid var(--kpi-cyan);color:var(--kpi-cyan)}.border-purple{border:1.5px solid var(--kpi-purple);color:var(--kpi-purple)}.kpi-content{display:flex;flex-direction:column;color:var(--text-primary)}.kpi-content .count{font-size:1.8rem;font-weight:700;line-height:1.2}.kpi-content .label{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-top:.2rem}.kpi-content .timeframe{font-size:.65rem;color:var(--text-muted);margin-top:.3rem;text-transform:uppercase}.kpi-refresh{font-size:1rem;color:var(--text-muted);cursor:pointer;line-height:1;transition:color .2s}.kpi-refresh:hover{color:var(--text-primary)}.workspace-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem}@media (max-width: 1024px){.workspace-grid{grid-template-columns:1fr}}.dashboard-section-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 15px #00000026}.section-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.8rem;margin-bottom:1.2rem}.section-card-header h2{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.connection-pill{display:flex;align-items:center;gap:.4rem;background:#f1f5f9;border:1px solid var(--border-color);padding:.25rem .6rem;border-radius:4px;font-size:.75rem}.phone-screen-container{background:#090e15;border:1px solid rgba(255,255,255,.08);border-radius:8px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:inset 0 2px 6px #0009;position:relative;overflow:hidden;color:#fff}.call-idle-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;padding:1rem}.idle-indicator-icon{font-size:1.8rem;color:#ecc94b;opacity:.85}.idle-instruction{font-size:.8rem;color:#94a3b8;margin:0}.target-number-badge{background:#ffffff08;border:1px solid rgba(255,255,255,.15);padding:.25rem .6rem;border-radius:4px;display:flex;gap:.4rem;font-size:.8rem;margin-top:.25rem}.target-number-badge .label{color:#64748b}.target-number-badge .number{color:#38bdf8;font-weight:600;font-family:monospace}.call-active-state{display:flex;flex-direction:column;align-items:center;width:100%}.call-details-display{display:flex;flex-direction:column;align-items:center;z-index:2}.calling-number{font-size:1.1rem;font-weight:600;font-family:monospace;color:#fff;letter-spacing:.05em;margin-bottom:.2rem}.duration-timer{font-size:.9rem;color:#38bdf8;font-weight:600;font-family:monospace}.call-waves{position:absolute;width:100px;height:100px;display:flex;align-items:center;justify-content:center;z-index:0;opacity:.08}.phone-indicator-icon{font-size:1.2rem}.wave-ring,.wave-ring-2{position:absolute;width:100%;height:100%;border:2px solid #38bdf8;border-radius:50%;animation:wave-spread 2s infinite cubic-bezier(.215,.61,.355,1)}.wave-ring-2{animation-delay:.6s}.wave-bars{display:flex;align-items:flex-end;gap:3px;height:18px;margin-top:.4rem;z-index:2}.v-bar{width:3px;border-radius:2px;background:#38bdf8;animation:equalize-wave 1.2s infinite ease-in-out}.v-bar-1{height:3px;animation-delay:.1s}.v-bar-2{height:3px;animation-delay:.4s}.v-bar-3{height:3px;animation-delay:.2s}.v-bar-4{height:3px;animation-delay:.5s}.v-bar-5{height:3px;animation-delay:.3s}.phone-dial-actions{margin-bottom:1.2rem}.webphone-btn{width:100%;border:none;border-radius:8px;padding:.8rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.webphone-btn:disabled{opacity:.35;cursor:not-allowed}.call-trigger{background-color:var(--kpi-green);color:#fff}.call-trigger:not(:disabled):hover{background-color:#2f855a;box-shadow:0 0 12px #38a1694d}.hangup-trigger{background-color:var(--kpi-red);color:#fff}.hangup-trigger:hover{background-color:#c53030;box-shadow:0 0 12px #e53e3e4d}.visual-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:auto}.keypad-button{background:#f8fafc;border:1px solid var(--border-color);border-radius:4px;padding:.5rem;text-align:center;color:var(--text-muted);font-size:.8rem;cursor:not-allowed;-webkit-user-select:none;user-select:none}.lead-id-badge{font-size:.75rem;background:#f1f5f9;border:1px solid var(--border-color);padding:.2rem .5rem;border-radius:4px;color:var(--text-secondary)}.lead-mask-content{display:flex;flex-direction:column;gap:1.2rem;flex:1}.fields-layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field-group{display:flex;flex-direction:column;gap:.35rem}.full-width-field{grid-column:span 2}@media (max-width: 640px){.full-width-field{grid-column:span 1}.fields-layout-grid{grid-template-columns:1fr}}.field-group label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.field-group input,.field-group textarea{background:#f8fafc;border:1px solid var(--border-color);border-radius:6px;padding:.65rem .8rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease}.field-group input[readonly]{background:#f1f5f9;border-color:var(--border-color);color:var(--text-secondary);cursor:default}.field-group input:focus,.field-group textarea:focus{outline:none;border-color:var(--header-teal);box-shadow:0 0 0 2px #13748233}.notes-area-group textarea{resize:none}.call-outcome-controls{border-top:1px solid var(--border-color);padding-top:1.2rem;margin-top:auto}.call-outcome-controls h3{font-size:.95rem;font-weight:600;margin:0 0 .8rem;color:var(--text-secondary)}.outcome-options-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.outcome-btn{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:.65rem;color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.outcome-btn:disabled{opacity:.35;cursor:not-allowed}.outcome-btn:not(:disabled):hover{transform:translateY(-1px)}.outcome-busy:not(:disabled):hover{border-color:var(--kpi-red);background:#e53e3e14}.outcome-no-interest:not(:disabled):hover{border-color:var(--text-muted);background:#71809614}.outcome-callback:not(:disabled):hover{border-color:var(--kpi-orange);background:#dd6b2014}.outcome-success:not(:disabled):hover{border-color:var(--kpi-green);background:#38a16914;box-shadow:0 0 10px #38a1691a}.no-lead-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;flex:1}.placeholder-icon{font-size:2.8rem;opacity:.2;margin-bottom:.8rem}.no-lead-placeholder h3{font-size:1.1rem;margin:0 0 .4rem}.no-lead-placeholder p{font-size:.85rem;color:var(--text-secondary);max-width:320px;line-height:1.5;margin:0}.bottom-stats-panel{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin-top:1rem}@media (max-width: 1024px){.bottom-stats-panel{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.bottom-stats-panel{grid-template-columns:repeat(2,1fr)}}.stat-block{border-radius:6px;padding:.55rem .65rem;color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px #0000001a;min-width:0}.stat-block .stat-title{opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stat-block .stat-value{font-weight:700;white-space:nowrap;flex-shrink:0;margin-left:4px}.bg-blue{background-color:var(--kpi-blue)}.bg-green{background-color:var(--kpi-green)}.bg-red{background-color:var(--kpi-red)}.bg-orange{background-color:var(--kpi-orange)}.bg-cyan{background-color:var(--kpi-cyan)}.bg-purple{background-color:var(--kpi-purple)}.screen-wrapper.table-screen{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column}.table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.2rem}@media (max-width: 768px){.table-toolbar{flex-direction:column;align-items:flex-start;gap:.8rem}}.section-title-badge{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.table-screen,.screen-wrapper{padding:0!important;margin:0!important;border-radius:0!important}.tb-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:.45rem .85rem;border-radius:0!important;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease}.tb-btn:hover{background:#f1f5f9;border-color:var(--text-secondary)}.tb-btn .icon{font-size:.85rem}.data-table-container{overflow-x:auto;width:100%}.custom-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.72rem;color:#1f2937}.custom-data-table th{background-color:#f8fafc;color:#475569;font-weight:700;padding:.35rem .5rem;border:1px solid #cbd5e1;font-size:.72rem}.custom-data-table td{padding:.3rem .5rem;border:1px solid #e2e8f0;color:#334155;font-size:.72rem;line-height:1.25;transition:background-color .15s ease}.custom-data-table tr:hover td{background-color:#f1f5f9;color:#0f172a}.monospace-cell{font-family:monospace;font-size:.85rem;color:var(--text-secondary)}.bold-cell{font-weight:600;color:var(--text-primary)!important}.muted-cell{color:var(--text-muted)!important;font-size:.8rem}.date-cell{font-family:monospace;font-size:.8rem}.badge-group{background:#1374821a;color:var(--kpi-cyan);border:1px solid rgba(19,116,130,.3);font-size:.725rem;font-weight:600;padding:.15rem .4rem;border-radius:4px}.people-badge-group{display:flex;gap:.3rem}.people-badge-group span{font-size:.725rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;display:flex;align-items:center;gap:.2rem}.badge-online{background:#38a1691a;color:var(--kpi-green);border:1px solid rgba(56,161,105,.3)}.badge-active{background:#e53e3e1a;color:var(--kpi-red);border:1px solid rgba(229,62,62,.3)}.badge-total{background:#f1f5f9;color:var(--text-secondary);border:1px solid var(--border-color)}.circle-indicator{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;-webkit-user-select:none;user-select:none}.check-green{background-color:#38a16926;color:#48bb78;border:1.5px solid #48bb78}.cross-red{background-color:#e53e3e26;color:#f56565;border:1.5px solid #f56565}.table-actions-row{display:flex;gap:.35rem}.act-btn{border:none;width:26px;height:26px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:#fff}.btn-info{background-color:var(--kpi-green)}.btn-info:hover{background-color:#2f855a}.btn-edit{background-color:var(--kpi-blue)}.btn-edit:hover{background-color:#2b6cb0}.btn-delete{background-color:var(--kpi-orange)}.btn-delete:hover{background-color:#c05621}.sales-filter-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.sales-filter-badge{font-size:.725rem;font-weight:600;padding:.25rem .6rem;border-radius:4px;color:#fff;-webkit-user-select:none;user-select:none}.sales-filter-badge.badge-green{background-color:var(--kpi-green)}.sales-filter-badge.badge-red{background-color:var(--kpi-red)}.sales-filter-badge.badge-orange{background-color:var(--kpi-orange)}.sales-filter-badge.badge-cyan{background-color:var(--kpi-cyan)}.sales-filter-badge.badge-teal{background-color:#319795}.sales-filter-badge.badge-purple{background-color:#667eea}.empty-table-row td{text-align:center;padding:3rem 1rem!important;color:var(--text-muted);font-style:italic}.table-pagination{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem;display:flex;align-items:center;justify-content:space-between}@media (max-width: 480px){.table-pagination{flex-direction:column;gap:.8rem}}.pagination-arrows{display:flex;align-items:center;gap:.35rem}.pag-btn{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center}.pag-btn:disabled{opacity:.3;cursor:not-allowed}.pag-btn:not(:disabled):hover{background:#f1f5f9}.pag-input{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);width:45px;height:26px;text-align:center;border-radius:4px;font-size:.8rem;outline:none}.pagination-info{font-size:.775rem;color:var(--text-muted)}.screen-wrapper.diagnostics-screen{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:0 4px 15px #00000026}.diagnostics-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1.2rem;margin-bottom:1.5rem}@media (max-width: 640px){.diagnostics-toolbar{flex-direction:column;align-items:flex-start;gap:1rem}}.diagnostics-toolbar .title-section{display:flex;align-items:center;gap:.8rem}.diagnostics-toolbar .title-section h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.diagnostics-toolbar .title-section .icon{font-size:1.4rem}.diagnostics-actions{display:flex;gap:.6rem}.action-btn{border:none;border-radius:6px;padding:.6rem 1rem;font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.permission-btn{background-color:var(--kpi-cyan);color:#fff}.permission-btn:hover{background-color:#2779bd;box-shadow:0 0 10px #3197954d}.refresh-btn{background-color:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.refresh-btn:hover:not(:disabled){background-color:#f1f5f9}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.diagnostics-list-container{display:flex;flex-direction:column}.diagnostic-row-item{display:flex;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.diagnostic-row-item:last-child{border-bottom:none}.diagnostic-row-item:hover{background-color:#f8fafc}.diag-icon-wrapper{flex-shrink:0;margin-right:1.5rem}.diag-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.check-green-diag{border:2.5px solid #38a169;color:#48bb78;background-color:#38a16926;box-shadow:0 0 8px #38a1691a}.cross-red-diag{border:2.5px solid #e53e3e;color:#f56565;background-color:#e53e3e26;box-shadow:0 0 8px #e53e3e1a}.warning-yellow-diag{border:2.5px solid #d69e2e;color:#b7791f;background-color:#d69e2e26;box-shadow:0 0 8px #d69e2e1a}.loading-diag{border:2.5px solid var(--text-muted);color:var(--text-secondary);background-color:#f1f5f9;animation:diag-spin 1.5s infinite linear}@keyframes diag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.diag-text-block{display:flex;flex-direction:column}.diag-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.diag-value{font-size:.825rem;color:var(--text-secondary);margin-top:.2rem}@keyframes wave-spread{0%{transform:scale(.1);opacity:0}50%{opacity:.6}to{transform:scale(1.2);opacity:0}}@keyframes equalize-wave{0%{height:3px}50%{height:18px}to{height:3px}}@keyframes pulse-green{0%{box-shadow:0 0 #38a16966}70%{box-shadow:0 0 0 6px #38a16900}to{box-shadow:0 0 #38a16900}}@keyframes pulse-blue{0%{box-shadow:0 0 #3182ce66}70%{box-shadow:0 0 0 6px #3182ce00}to{box-shadow:0 0 #3182ce00}}.screen-wrapper{display:flex;flex-direction:column;gap:1.5rem;flex:1}.fade-in{animation:simple-fade-in .3s ease}@keyframes simple-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.v-bar,.wave-ring,.wave-ring-2,.status-dot,.fade-in,.loading-diag{animation:none!important;transform:none!important}}.content-container[data-active-screen=personen] .data-table-container{overflow:auto}.content-container[data-active-screen=personen] .custom-data-table{min-width:1420px}.people-column-filter-row th{padding:3px!important;background:#f4f6f7!important}.people-column-filter-row input{width:100%;min-width:54px;height:24px!important;padding:2px 5px!important;border:1px solid #b9c1c6!important;border-radius:0!important;background:#fff!important;font-size:11px!important}.people-column-filter-row input:disabled{background:repeating-linear-gradient(135deg,#f1f3f4,#f1f3f4 4px,#e5e8ea 4px,#e5e8ea 8px)!important;cursor:not-allowed}.people-column-filter-row button{width:27px;height:24px;border:1px solid #aeb8bd;border-radius:0;background:linear-gradient(#fff,#e9edef);color:#40545d;cursor:pointer}.selected-person-row td{background:#cfe9fa!important}.masked-password{color:#68777e;font-family:monospace;letter-spacing:.08em}.people-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;background:#151d22b8}.people-filter-dialog{width:min(970px,96vw);border:2px solid #3ba0ad;border-radius:2px;background:#fff;box-shadow:0 12px 34px #0000004d}.people-filter-dialog>header{min-height:34px;padding:8px 12px;border-bottom:1px solid #cbd1d5;background:linear-gradient(#fbfbfb,#eceeef);color:#33454d;font-size:13px;font-weight:700}.people-filter-form{display:grid;grid-template-columns:70px repeat(4,minmax(140px,1fr));gap:10px 16px;min-height:185px;padding:14px 10px}.people-filter-form label{display:flex;flex-direction:column;gap:5px;color:#33454d;font-size:11px;font-weight:600}.people-filter-form .people-filter-company{grid-column:1 / -1}.people-filter-form input,.people-filter-form select{width:100%;height:30px!important;padding:3px 7px!important;border:1px solid #bdc5ca!important;border-radius:0!important;background:#fff!important;color:#34464e!important;font-size:11px!important}.people-filter-dialog>footer{display:flex;justify-content:flex-end;gap:4px;padding:8px 10px;border-top:1px solid #d4dade}.people-filter-dialog>footer button{min-width:95px;height:29px;border:0;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.people-filter-apply{background:#34a7e8}.people-filter-reset{background:#687a83}.people-filter-cancel{background:#ef5148}.toolbar-actions .tb-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 820px){.people-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.people-filter-form .people-filter-company{grid-column:1 / -1}}.tab-bar{display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px;align-items:end;width:100%;min-width:0;padding:0!important;overflow:hidden}.tab-list{display:flex;align-items:end;min-width:0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-behavior:smooth}.tab-list::-webkit-scrollbar{display:none}.tab-list .tab-item{flex:0 0 auto;height:31px;margin:4px 2px 0 0;white-space:nowrap}.tab-scroll-button{position:relative;z-index:2;align-self:stretch;width:24px;min-width:24px;height:35px;padding:0;border:0;border-right:1px solid #9ec9d0;border-radius:0;background:#dff3f6;color:#238b9a;font-family:Arial,sans-serif;font-size:26px;font-weight:400;line-height:32px;cursor:pointer}.tab-scroll-forward{border-right:0;border-left:1px solid #9ec9d0}.tab-scroll-button:hover:not(:disabled),.tab-scroll-button:focus-visible{background:#bfe8ed;color:#126b77;outline:none}.tab-scroll-button:disabled{background:#28343b;color:#63727a;cursor:default}.live-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 1024px){.live-stats-row{grid-template-columns:1fr}}.live-stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;box-shadow:0 4px 6px #00000005,0 1px 3px #00000008;display:flex;flex-direction:column;gap:.85rem}.live-stat-card h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin:0;color:var(--text-primary);padding-bottom:.6rem;border-bottom:1px solid var(--border-color)}.live-stat-list{display:flex;flex-direction:column;gap:.75rem}.live-stat-item{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.live-stat-item-label{display:flex;align-items:center;gap:.6rem}.live-stat-item-label .icon{font-size:1rem;opacity:.85}.live-stat-item .value{font-weight:600;color:var(--text-primary)}.agenten-statuse-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;box-shadow:0 4px 6px #00000005}.agenten-statuse-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.8rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.agenten-statuse-header h2{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:0;color:var(--text-primary)}.agenten-statuse-header .info-icon{font-size:1.1rem;color:var(--text-muted);cursor:pointer}.form-header-container{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem}.form-header-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.premium-form-layout{display:flex;flex-direction:column;gap:1.25rem;background-color:var(--card-bg)}.form-toggles-row{display:flex;gap:3rem;margin-bottom:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.form-toggle-field{display:flex;align-items:center;gap:1rem}.form-toggle-field label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.switch-container{position:relative;display:inline-block;width:48px;height:24px}.switch-container input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.slider{background-color:var(--header-teal)}input:checked+.slider:before{transform:translate(24px)}.form-group{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-align:left}.form-control{width:100%;padding:.55rem .75rem;font-size:.9rem;color:var(--text-primary);background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;font-family:var(--font-sans);transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{outline:none;border-color:var(--header-teal);box-shadow:0 0 0 3px #1d859726}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.input-group{display:flex;position:relative;width:100%;align-items:stretch}.input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0;flex-grow:1}.input-group-addon{display:flex;align-items:center;padding:0 .85rem;font-size:.9rem;color:var(--text-secondary);background-color:#f1f5f9;border:1px solid #cbd5e1;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;font-weight:500;white-space:nowrap}.addon-btn{display:flex;align-items:center;justify-content:center;padding:0 1rem;font-size:1.1rem;color:var(--header-teal);background-color:#f1f5f9;border:1px solid #cbd5e1;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;transition:all .15s ease}.addon-btn:hover{background-color:#e2e8f0;color:#135c6a}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 600px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}}.form-actions-row{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.form-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#fff}.btn-blue{background-color:#0284c7}.btn-blue:hover{background-color:#0369a1}.btn-red{background-color:#ef4444}.btn-red:hover{background-color:#dc2626}.form-btn .icon{font-size:1rem}.status-indicator-box{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:#fff;font-size:.85rem}.box-red{background-color:#ef4444}.box-green{background-color:#10b981}.circle-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;font-size:.7rem;font-weight:700;line-height:1}.table-group-select-wrapper{display:inline-flex;align-items:center;background-color:#ebf8ff;border:1px solid #90cdf4;color:#2b6cb0;padding:.3rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;white-space:nowrap;justify-content:center}.process-btn-group{display:flex;gap:.35rem}.proc-btn{width:32px;height:32px;border-radius:4px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;transition:background-color .15s ease}.proc-btn-blue{background-color:#3b82f6}.proc-btn-blue:hover{background-color:#2563eb}.proc-btn-green{background-color:#10b981}.proc-btn-green:hover{background-color:#059669}.proc-btn-red{background-color:#ef4444}.proc-btn-red:hover{background-color:#dc2626}.proc-btn-orange{background-color:#f97316}.proc-btn-orange:hover{background-color:#ea580c}.date-cell{font-size:.78rem!important;color:var(--text-secondary)!important;line-height:1.35!important;text-align:center!important;white-space:nowrap!important}.warning-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.warning-modal-container{background-color:#fff;border-radius:16px;padding:2.5rem;width:440px;max-width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;align-items:center;text-align:center;animation:modal-fade-in .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.warning-modal-circle{width:120px;height:120px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.warning-exclamation-svg{width:100%;height:100%}.warning-exclamation-svg circle{stroke:#ffb07c;stroke-width:1}.warning-exclamation-svg line{stroke:#ffb07c;stroke-width:1}.warning-exclamation-svg circle:nth-of-type(2){fill:#ffb07c;stroke:#ffb07c}.warning-modal-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:#4c4c4c;margin:0 0 1.2rem}.warning-modal-details{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.warning-modal-username,.warning-modal-name{font-size:1.2rem;color:#8c8c8c;font-weight:400}.warning-modal-divider{height:1px;width:100%;background-color:transparent;margin-bottom:1rem}.warning-modal-text{font-size:1.1rem;color:#64748b;line-height:1.6;margin:0 0 1.5rem}.warning-modal-text .bold-text{font-weight:700;color:#334155}.warning-modal-ok-btn{background-color:#87d3f8;color:#fff;font-size:1.25rem;font-weight:600;padding:.7rem 3.5rem;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 4px 6px #0000000d;min-width:150px}.warning-modal-ok-btn:hover{background-color:#55bcef}.warning-modal-ok-btn:active{transform:translateY(1px)}.welcome-card-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 80px);padding:2rem;background-color:#f1f5f9}.welcome-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;width:100%;max-width:480px;overflow:hidden;font-family:var(--font-sans)}.welcome-card-header{padding:1.25rem;text-align:center;border-bottom:1px solid #f1f5f9}.welcome-card-header h2{margin:0;font-size:1.25rem;font-weight:500;color:#64748b;font-family:var(--font-heading)}.welcome-card-body{padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-avatar-wrapper{width:140px;height:140px;border-radius:50%;border:4px solid #ffffff;box-shadow:0 8px 16px #0000001a;margin-bottom:1.25rem;overflow:hidden}.welcome-agent-name{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.welcome-agent-role{font-size:.875rem;color:#94a3b8;margin:.25rem 0 1.5rem}.campaign-select-container{display:flex;width:100%;align-items:center;gap:.5rem;margin-bottom:1.5rem}.campaign-select{flex:1;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.625rem 2.5rem .625rem 1rem;font-size:.925rem;color:#334155;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer;transition:border-color .15s ease}.campaign-select:focus{border-color:var(--header-teal)}.campaign-refresh-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1d8597;cursor:pointer;font-size:1.25rem;transition:background-color .15s ease,transform .15s ease}.campaign-refresh-btn:hover{background-color:#f8fafc;transform:rotate(30deg)}.btn-eingang{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;background-color:#1d9bf0;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.btn-eingang:hover{background-color:#0b8ce4}.btn-eingang:active{transform:scale(.99)}.btn-eingang svg{width:1.25rem;height:1.25rem}.welcome-card-footer{padding:1rem;background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:center;width:100%}.btn-mic-test{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#0f172a;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-mic-test:hover{opacity:.8}.user-profile-menu{position:relative;cursor:pointer}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;width:220px;z-index:1000;padding:.5rem 0;display:flex;flex-direction:column}.user-dropdown-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #f1f5f9;margin-bottom:.25rem}.user-dropdown-item{padding:.5rem 1rem;font-size:.875rem;color:#334155;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .15s ease}.user-dropdown-item:hover{background-color:#f1f5f9}.user-dropdown-item.active{background-color:#e2e8f0;font-weight:500}.user-dropdown-item .role-badge{font-size:.7rem;background-color:#e2e8f0;color:#475569;padding:.1rem .4rem;border-radius:4px}.agent-dialer-workspace{display:flex;flex-direction:column;gap:1.5rem;font-family:var(--font-sans)}.agent-workspace-grid{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:start}.agent-left-panel{display:flex;flex-direction:column;gap:1.25rem}.agent-status-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;font-size:.95rem;font-weight:600;color:#334155;box-shadow:0 1px 3px #0000000d}.agent-left-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.agent-left-card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.875rem;font-weight:600;color:#475569}.agent-left-card-header svg{width:1.1rem;height:1.1rem;color:#64748b}.agent-left-card-body{padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.placeholder-line-1{color:#f43f5e;letter-spacing:2px;font-size:1.25rem;font-weight:700}.placeholder-line-2{color:#94a3b8;letter-spacing:2px;font-size:1rem}.placeholder-line-3{color:#64748b;letter-spacing:2px;font-size:.875rem}.agent-call-timer{font-size:2.2rem;font-weight:700;color:#1e293b;font-family:monospace;margin:.5rem 0}.agent-controls-row{display:flex;gap:.75rem;margin-top:.25rem}.agent-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.agent-icon-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}.agent-icon-btn.active{background-color:#fee2e2;border-color:#fca5a5;color:#ef4444}.agent-icon-btn svg{width:1.25rem;height:1.25rem}.call-recording-status{display:grid;gap:.5rem;width:100%;margin-top:.75rem}.softphone-recording-controls{margin:.85rem 0 0}.recording-status-pill,.sale-recording-button{display:flex;align-items:center;gap:.5rem;width:100%;min-height:34px;border-radius:5px;padding:.45rem .65rem;font-size:.75rem;font-weight:700;text-align:left}.recording-status-pill{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.recording-status-pill.is-active{color:#991b1b;background:#fef2f2;border-color:#fecaca}.sale-recording-button{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;cursor:pointer}.sale-recording-button:hover:not(:disabled){background:#ccfbf1}.sale-recording-button.is-active{color:#fff;background:#dc2626;border-color:#b91c1c}.sale-recording-button:disabled{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;cursor:not-allowed}.recording-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:currentColor}.is-active .recording-dot{animation:recording-pulse 1.4s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.call-recording-list{display:grid;gap:.45rem;min-width:250px}.call-recording-item{display:grid;grid-template-columns:minmax(110px,auto) 190px 24px;align-items:center;gap:.4rem;padding:.35rem;border:1px solid #dbeafe;border-radius:5px;background:#eff6ff}.call-recording-item.type-sale{border-color:#99f6e4;background:#f0fdfa}.call-recording-item>span{color:#334155;font-size:.7rem;font-weight:700;line-height:1.2}.call-recording-item audio{width:190px;height:30px}.call-recording-item>a{color:#0f766e;font-size:1.05rem;font-weight:800;text-align:center;text-decoration:none}.call-recording-list.is-compact .call-recording-item{grid-template-columns:1fr 150px 20px}.call-recording-list.is-compact .call-recording-item audio{width:150px;height:28px}.agent-btn-green{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;width:100%}.agent-btn-green:hover{background-color:#43a047}.agent-btn-orange{background-color:#ff9800;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;width:100%}.agent-btn-orange:hover{background-color:#fb8c00}.agent-btn-blue{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s ease;width:100%}.agent-btn-blue:hover{background-color:#1e88e5}.agent-right-panel{background:#e8eff9;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #00000005}.sub-tab-bar{display:flex;background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:.25rem .25rem 0;gap:.15rem;align-items:flex-end}.sub-tab-item{padding:.5rem .85rem;font-size:.8rem;font-weight:500;color:#475569;background:transparent;border:1px solid transparent;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:.35rem;transition:all .15s ease}.sub-tab-item:hover{background-color:#e2e8f0;color:#1e293b}.sub-tab-item.active{background-color:#34495e;color:#fff;border-color:#34495e;font-weight:600}.sub-tab-icon-only{padding:.5rem .65rem;color:#475569;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom:1px solid transparent}.sub-tab-icon-only svg{width:1.1rem;height:1.1rem}.badge-blue-dot{background-color:#2196f3;color:#fff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.sub-tab-content{padding:1.5rem;min-height:420px}.subtitle-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #cbd5e1;margin-bottom:1rem}.subtitle-row h2{margin:0;font-size:1.1rem;font-weight:500;color:#334155}.subtitle-actions{display:flex;gap:1rem}.subtitle-action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:transparent;border:none;color:#1d8597;cursor:pointer;font-size:.7rem;font-weight:500}.subtitle-action-btn svg{width:1.25rem;height:1.25rem}.settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999}.settings-modal-container{background:#fff;border-radius:12px;width:460px;max-width:92%;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;animation:settingsModalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes settingsModalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-modal-header{padding:1rem 1.35rem;background:linear-gradient(to right,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.settings-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.settings-modal-close-icon{background:transparent;border:none;font-size:1.3rem;line-height:1;color:#64748b;cursor:pointer;padding:.2rem .4rem;border-radius:6px;transition:all .15s ease}.settings-modal-close-icon:hover{background:#e2e8f0;color:#0f172a}.settings-modal-body{padding:1.35rem}.settings-field-group{margin-bottom:1.25rem}.settings-field-label{display:block;font-size:.85rem;font-weight:600;color:#1e293b;margin-bottom:.45rem}.settings-select-wrapper{position:relative;display:flex;align-items:center}.settings-select-control{width:100%;height:44px;padding:0 2.2rem 0 .9rem;border-radius:8px;border:1.5px solid #cbd5e1;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.1rem;font-size:.92rem;font-weight:500;color:#0f172a;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.settings-select-control:hover{border-color:#94a3b8}.settings-select-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb26}.settings-icon-badge{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1rem;display:flex;align-items:center;justify-content:center}.settings-select-control.has-icon{padding-left:2.5rem}.settings-refresh-btn{height:44px;width:44px;min-width:44px;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#2563eb;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;transition:all .15s ease}.settings-refresh-btn:hover{background:#eff6ff;border-color:#93c5fd}.settings-help-text{font-size:.78rem;color:#64748b;margin-top:.45rem;display:block;line-height:1.4}.settings-modal-footer{padding:1rem 1.35rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.65rem}.settings-btn-save{height:40px;padding:0 1.25rem;border-radius:8px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #2563eb40;transition:all .15s ease}.settings-btn-save:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #2563eb59}.settings-btn-close{height:40px;padding:0 1.15rem;border-radius:8px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 2px 4px #ef444433;transition:all .15s ease}.settings-btn-close:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d}.entity-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.45rem;padding:.55rem .65rem;border-bottom:1px solid var(--border-color);background:#f5f6f7}.entity-filter-grid--groups{grid-template-columns:minmax(220px,420px)}.entity-filter-grid input,.entity-filter-grid select,.permission-toolbar select,.permission-form input:not([type=checkbox]){min-height:30px;width:100%;box-sizing:border-box;border:1px solid #bfc6cc;border-radius:2px;background:#fff;color:var(--text-primary);padding:.3rem .45rem;font:inherit}.entity-filter-grid input:focus,.entity-filter-grid select:focus,.permission-toolbar select:focus,.permission-form input:focus{outline:1px solid var(--header-teal);border-color:var(--header-teal)}.active-filter-btn{border-color:var(--header-teal)!important;background:#e4f4f6!important;color:#176d79!important}.permission-dialog{width:min(460px,calc(100vw - 2rem));max-width:none;text-align:left;border-radius:3px;padding:1rem}.permission-dialog--wide{width:min(980px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.permission-dialog-header,.permission-dialog-actions,.permission-section-header,.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.permission-dialog-header h2{margin:.15rem 0 0;font-size:1.05rem}.permission-dialog-kicker{color:var(--header-teal);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.permission-count{border-radius:12px;background:#e4f4f6;color:#176d79;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.permission-toolbar{justify-content:flex-start;flex-wrap:wrap;margin:.8rem 0;padding:.55rem;background:#f1f2f3;border:1px solid var(--border-color)}.permission-toolbar select{width:auto;min-width:190px}.permission-matrix{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding-right:.25rem}.permission-section{align-self:start;border:1px solid var(--border-color);background:#fff}.permission-section-header{padding:.45rem .55rem;background:var(--tab-strip-bg);color:#fff}.permission-section-header h3{margin:0;font-size:.78rem}.permission-section-header label,.permission-form-toggles label{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem}.permission-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.35rem}.permission-option{display:flex;align-items:flex-start;gap:.4rem;padding:.35rem;font-size:.75rem;line-height:1.25}.permission-option:hover{background:var(--selected-row-bg)}.permission-form{display:grid;gap:.7rem}.permission-form>label{display:grid;gap:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:700}.permission-form-toggles{display:flex;flex-wrap:wrap;gap:.85rem;padding:.45rem 0}.permission-dialog-actions{justify-content:flex-end;margin-top:.8rem;padding-top:.65rem;border-top:1px solid var(--border-color)}@media (max-width: 760px){.entity-filter-grid,.permission-matrix,.permission-options{grid-template-columns:1fr}}.company-account-summary{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:1px;margin-bottom:.65rem;border:1px solid var(--border-color);background:var(--border-color)}.company-account-field{display:grid;gap:.2rem;min-height:48px;padding:.45rem .55rem;background:#fff}.company-account-field span{color:var(--text-muted);font-size:.66rem}.company-account-field strong{color:var(--text-primary);font-size:.78rem}.table-subtitle{padding:.4rem .55rem;background:var(--tab-strip-bg);color:#fff;font-size:.76rem;font-weight:700}.company-account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.company-account-form-grid label{display:grid;gap:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:700}@media (max-width: 900px){.company-account-summary{grid-template-columns:repeat(2,minmax(135px,1fr))}}@media (max-width: 560px){.company-account-summary,.company-account-form-grid{grid-template-columns:1fr}}:root{--united-header: #238b9a;--united-header-dark: #1b7480;--united-sidebar: #17232d;--united-sidebar-hover: #223541;--united-sidebar-active: #2b94a2;--united-tabs: #1e282f;--united-tabs-active: #ffffff;--united-canvas: #eef0f2;--united-panel: #ffffff;--united-panel-muted: #f5f6f7;--united-table-head: #e8ebed;--united-table-alt: #f8f9fa;--united-border: #cdd2d6;--united-border-dark: #aeb5ba;--united-selected: #cfe9fa;--united-text: #30363a;--united-text-soft: #596269;--united-text-muted: #7a8288;--united-green: #58bd6a;--united-red: #ef5555;--united-blue: #42a5e9;--united-orange: #ff754e;--united-row-height: 29px;--united-control-height: 30px;--united-radius: 2px;--united-shadow: 0 1px 2px rgba(23, 35, 45, .12);--canvas-bg: var(--united-canvas);--card-bg: var(--united-panel);--sidebar-bg: var(--united-sidebar);--header-teal: var(--united-header);--tab-strip-bg: var(--united-tabs);--border-color: var(--united-border);--selected-row-bg: var(--united-selected);--text-primary: var(--united-text);--text-secondary: var(--united-text-soft);--text-muted: var(--united-text-muted);--action-success: var(--united-green);--action-danger: var(--united-red);--action-info: var(--united-blue);--action-warning: var(--united-orange)}.agent-dashboard,.agent-dashboard *,.agent-dashboard *:before,.agent-dashboard *:after{box-sizing:border-box}.agent-dashboard{background:var(--united-canvas);color:var(--united-text);font-family:Arial,Helvetica Neue,sans-serif;font-size:13px}.agent-dashboard ::-webkit-scrollbar{width:9px;height:9px}.agent-dashboard ::-webkit-scrollbar-track{background:#edf0f1}.agent-dashboard ::-webkit-scrollbar-thumb{background:#adb6bb;border:2px solid #edf0f1}.agent-dashboard ::-webkit-scrollbar-thumb:hover{background:#88949b}.dashboard-header{min-height:44px;height:44px;padding:0 12px;background:var(--united-header);border-bottom:1px solid var(--united-header-dark);box-shadow:none}.brand-logo{font-size:17px;line-height:1;letter-spacing:.12em}.header-left,.header-right{gap:12px}.header-indicator,.user-profile-menu{min-height:30px;padding:0 8px;border-left:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent;font-size:12px}.user-profile-menu:hover,.header-sidebar-toggle:hover{background:#0000001a}.sidebar-nav{width:218px;padding:10px 0 18px;background:var(--united-sidebar);border-right:1px solid #0f181e;box-shadow:none}.agent-profile-card{margin:0 10px 8px;padding:7px 6px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-large-avatar{width:38px;height:38px}.profile-username{font-size:12px}.profile-org{font-size:10px}.nav-menu{gap:0;padding:0}.nav-item,.submenu-nav-item,.nested-submenu-nav-item{min-height:32px;margin:0;padding:6px 11px;border:0;border-left:3px solid transparent;border-radius:0;color:#ffffffc9;font-size:12px}.submenu-nav-item{padding-left:28px;background:#00000017}.nested-submenu-nav-item{padding-left:44px;background:#00000024}.nav-item:hover,.submenu-nav-item:hover,.nested-submenu-nav-item:hover{background:var(--united-sidebar-hover);color:#fff}.nav-item.active-parent,.submenu-nav-item.active-parent{background:var(--united-sidebar-active);color:#fff}.nav-item.active,.submenu-nav-item.active,.nested-submenu-nav-item.active{border-left-color:#79c9d3;background:var(--united-sidebar-active);color:#fff}.nav-item .item-icon,.submenu-item-icon,.nested-submenu-item-icon{width:19px;min-width:19px;color:#ffffffc2}.main-content{min-width:0;background:var(--united-canvas)}.tab-bar{min-height:35px;height:35px;padding:4px 5px 0;gap:2px;background:var(--united-tabs);border-bottom:1px solid #11191e}.tab-item{height:31px;min-width:112px;padding:0 8px 0 10px;border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:2px 2px 0 0;background:#303c44;color:#dce2e5;font-size:11px}.tab-item:hover{background:#3a4851}.tab-item.active{border-color:var(--united-border);background:var(--united-tabs-active);color:var(--united-text)}.tab-close{width:18px;height:18px;border-radius:0;color:inherit}.content-container{padding:8px;background:var(--united-canvas)}.app-shell,.main-content,.content-container{min-height:0}.main-content{overflow:hidden}.content-container{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.content-container[data-active-screen=live]>.screen-wrapper{flex:0 0 auto;min-height:min-content}.content-container>.screen-wrapper,.content-container>.welcome-card-container,.content-container>.agent-dialer-workspace{min-height:100%}.screen-wrapper,.screen-wrapper.table-screen,.screen-wrapper.diagnostics-screen,.dashboard-section-card,.live-stat-card,.agenten-statuse-card,.welcome-card,.agent-left-card,.agent-right-panel,.filter-panel-card,.script-steps-sidebar,.script-content-display{border:1px solid var(--united-border)!important;border-radius:var(--united-radius)!important;background:var(--united-panel)!important;box-shadow:var(--united-shadow)!important}.screen-wrapper,.screen-wrapper.table-screen,.screen-wrapper.diagnostics-screen{padding:0!important;overflow:hidden}.page-title-row,.table-toolbar,.diagnostics-toolbar,.section-card-header,.agenten-statuse-header,.welcome-card-header,.form-header-container{min-height:38px;margin:0!important;padding:7px 10px!important;border:0!important;border-bottom:1px solid var(--united-border)!important;border-radius:0!important;background:linear-gradient(#fbfbfb,#eceeef)!important;color:var(--united-text)!important;box-shadow:none!important}.page-title-row h1,.table-toolbar h1,.table-toolbar h2,.section-title-badge,.diagnostics-toolbar h2,.section-card-header h2,.agenten-statuse-header h2,.welcome-card-header h2,.form-header-title{margin:0!important;color:var(--united-text)!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.2}.section-title-badge{display:inline-flex;align-items:center;gap:5px}.table-toolbar,.diagnostics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar-actions,.diagnostics-actions,.form-actions-row,.permission-dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.tb-btn,.action-btn,.form-btn,.proc-btn,.pag-btn,.settings-btn-save,.settings-btn-close,.warning-modal-ok-btn,.campaign-refresh-btn,.btn-eingang,.btn-mic-test{min-height:28px!important;height:auto;padding:4px 8px!important;border:1px solid var(--united-border-dark)!important;border-radius:var(--united-radius)!important;background:linear-gradient(#fff,#e9ecee)!important;color:var(--united-text)!important;box-shadow:none!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.2;transform:none!important}.tb-btn:hover,.action-btn:hover,.form-btn:hover,.proc-btn:hover,.pag-btn:not(:disabled):hover,.campaign-refresh-btn:hover,.btn-mic-test:hover{border-color:#87949b!important;background:linear-gradient(#fff,#dce1e4)!important;color:#17232d!important}.tb-btn.active-btn,.form-btn.btn-blue,.settings-btn-save,.permission-btn,.btn-eingang{border-color:#287f8c!important;background:var(--united-header)!important;color:#fff!important}.form-btn.btn-red,.settings-btn-close,.btn-delete,.proc-btn-red{border-color:#d94242!important;background:var(--united-red)!important;color:#fff!important}.btn-info,.proc-btn-green{border-color:#409b51!important;background:var(--united-green)!important;color:#fff!important}.btn-edit,.proc-btn-blue{border-color:#2e91cd!important;background:var(--united-blue)!important;color:#fff!important}.proc-btn-orange{border-color:#e76641!important;background:var(--united-orange)!important;color:#fff!important}.act-btn{width:24px;height:24px;border:1px solid rgba(0,0,0,.12);border-radius:2px;box-shadow:none}.content-container input:not([type=checkbox]):not([type=radio]):not([type=range]),.content-container select,.content-container textarea,.warning-modal-overlay input:not([type=checkbox]):not([type=radio]),.warning-modal-overlay select,.warning-modal-overlay textarea,.settings-modal-backdrop input,.settings-modal-backdrop select,.settings-modal-backdrop textarea{min-height:var(--united-control-height)!important;padding:4px 7px!important;border:1px solid var(--united-border-dark)!important;border-radius:var(--united-radius)!important;background-color:#fff!important;color:var(--united-text)!important;box-shadow:inset 0 1px 1px #0000000a!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:12px!important}.content-container textarea,.warning-modal-overlay textarea,.settings-modal-backdrop textarea{min-height:68px!important;resize:vertical}.content-container input:focus,.content-container select:focus,.content-container textarea:focus,.warning-modal-overlay input:focus,.warning-modal-overlay select:focus,.warning-modal-overlay textarea:focus{outline:0!important;border-color:var(--united-header)!important;box-shadow:0 0 0 1px #238b9a47!important}.form-group,.field-group,.settings-field-group{gap:3px;margin-bottom:8px}.form-group label,.field-group label,.settings-field-label,.company-account-form-grid label,.permission-form>label{margin:0 0 3px!important;color:var(--united-text-soft)!important;font-size:11px!important;font-weight:700!important}.entity-filter-grid,.filter-panel-box,.filter-panel-card,.sales-filter-badges,.permission-toolbar{margin:0!important;padding:6px 8px!important;border:0!important;border-bottom:1px solid var(--united-border)!important;border-radius:0!important;background:var(--united-panel-muted)!important;box-shadow:none!important}.entity-filter-grid>.tb-btn{width:auto!important;justify-self:start}.data-table-container{width:100%;overflow:auto;background:#fff}.custom-data-table{width:100%!important;border-collapse:collapse!important;border-spacing:0!important;color:var(--united-text)!important;font-family:Arial,Helvetica Neue,sans-serif!important;font-size:11px!important}.custom-data-table thead th{position:sticky;top:0;z-index:2;height:var(--united-row-height)!important;padding:4px 6px!important;border:1px solid var(--united-border-dark)!important;background:linear-gradient(#f5f6f7,var(--united-table-head))!important;color:#424b50!important;font-size:11px!important;font-weight:700!important;line-height:1.15;white-space:nowrap}.custom-data-table thead tr:nth-child(2) th{top:var(--united-row-height);padding:3px!important;background:#f7f8f9!important}.custom-data-table thead input,.custom-data-table thead select{min-height:23px!important;height:23px!important;padding:2px 4px!important;font-size:10px!important}.custom-data-table tbody td{height:var(--united-row-height)!important;padding:4px 6px!important;border:1px solid #dfe3e6!important;background:#fff;color:var(--united-text)!important;font-size:11px!important;line-height:1.2;vertical-align:middle}.custom-data-table tbody tr:nth-child(2n) td{background:var(--united-table-alt)}.custom-data-table tbody tr:hover td,.custom-data-table tbody tr.is-selected td{background:var(--united-selected)!important}.custom-data-table .monospace-cell{color:#485158!important;font-family:SFMono-Regular,Consolas,monospace!important;font-size:10.5px!important}.empty-table-row td{height:92px!important;padding:20px 8px!important;background:#fff!important;color:var(--united-text-muted)!important;font-style:normal}.table-pagination,.data-table-container+div[style*="justify-content: space-between"]{min-height:36px;margin:0!important;padding:5px 8px!important;border-top:1px solid var(--united-border)!important;background:var(--united-panel-muted)!important}.pag-btn{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;padding:0!important}.pag-input{width:34px!important;min-height:25px!important;height:25px!important}.kpi-cards-grid{gap:6px;margin:7px 0}.kpi-card{min-height:70px;padding:8px 10px;border-width:1px!important;border-radius:2px;background:#fff;box-shadow:var(--united-shadow)}.kpi-content .count{font-size:20px}.kpi-content .label,.kpi-content .timeframe{font-size:10px}.workspace-grid,.live-stats-row{gap:7px}.dashboard-section-card,.live-stat-card,.agenten-statuse-card{overflow:hidden}.phone-screen-container,.lead-mask-content,.live-stat-list{padding:10px!important;background:#fff!important}.fields-layout-grid,.company-account-form-grid,.premium-form-layout,.form-grid-2{gap:8px!important}.extra-details-panel{padding:8px!important;border:1px solid #acd5b4!important;border-radius:2px!important;background:#edf8ef!important}.outcome-options-buttons{gap:5px}.outcome-btn,.disposition-btn,.webphone-btn,.agent-btn-green,.agent-btn-orange,.agent-btn-blue{min-height:34px;border-radius:2px!important;box-shadow:none!important;font-family:Arial,Helvetica Neue,sans-serif;font-size:11px}.live-stat-item{min-height:26px;padding:4px 6px;border-bottom:1px solid #e4e7e9;font-size:11px}.bottom-stats-panel{gap:5px;padding:7px;border:1px solid var(--united-border);border-radius:2px;background:#fff}.stat-block{min-height:36px;border-radius:2px;box-shadow:none}.script-container{gap:8px!important;padding:8px}.script-steps-sidebar,.script-content-display{padding:8px!important}.script-steps-sidebar button{min-height:31px!important;border-radius:2px!important;font-size:11px!important}.diagnostics-list-container{padding:7px;background:#fff}.diagnostic-row-item{min-height:39px;padding:6px 8px;border:0;border-bottom:1px solid #e1e4e6;border-radius:0;background:#fff}.sub-tab-bar{padding:3px 4px 0;border-bottom:1px solid var(--united-border-dark);background:#e5e8ea}.sub-tab-item{min-height:29px;padding:5px 8px;border-radius:2px 2px 0 0;font-size:11px}.sub-tab-item.active{border-color:var(--united-tabs);background:var(--united-tabs)}.sub-tab-content{padding:8px;background:#fff}.warning-modal-overlay,.settings-modal-backdrop{background:#17232d94!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.warning-modal-container,.settings-modal-container,.permission-dialog{padding:0!important;border:1px solid #68757c!important;border-radius:2px!important;background:#fff!important;box-shadow:0 8px 24px #00000047!important;text-align:left}.permission-dialog-header,.settings-modal-header{min-height:40px;padding:8px 10px!important;border-bottom:1px solid var(--united-border)!important;background:linear-gradient(#fbfbfb,#e8ebed)!important}.permission-dialog-header h2,.settings-modal-header h3,.warning-modal-title{color:var(--united-text)!important;font-size:13px!important}.permission-toolbar,.permission-form,.company-account-form{margin:0!important;padding:8px 10px!important}.permission-matrix{gap:7px;padding:0 10px 8px}.permission-section{border-color:var(--united-border-dark)}.permission-section-header,.table-subtitle{min-height:30px;padding:6px 8px;border:0;background:var(--united-tabs);color:#fff}.permission-option{min-height:29px;padding:5px;border-bottom:1px solid #edf0f1;font-size:11px}.permission-dialog-actions,.settings-modal-footer{margin:0;padding:7px 10px!important;border-top:1px solid var(--united-border);background:var(--united-panel-muted)}.company-account-summary{gap:0;margin:0;border:0;border-bottom:1px solid var(--united-border);background:#fff}.company-account-field{min-height:52px;padding:7px 8px;border-right:1px solid var(--united-border);border-bottom:1px solid var(--united-border)}.company-account-field span{font-size:10px}.company-account-field strong{font-size:12px}.welcome-card-container{padding:8px}.welcome-card{width:min(520px,100%);margin:0 auto}.welcome-card-body,.welcome-card-footer{padding:14px!important}.welcome-avatar-wrapper{width:70px;height:70px;border:2px solid var(--united-header);border-radius:50%}@media (max-width: 1100px){:root{--sidebar-width: 190px}.sidebar-nav{width:190px}.company-account-summary{grid-template-columns:repeat(3,minmax(130px,1fr))}.workspace-grid,.agent-workspace-grid{grid-template-columns:1fr}}@media (max-width: 760px){.dashboard-header{padding:0 7px}.header-indicator:not(.latency-indicator),.profile-name{display:none}.sidebar-nav{position:absolute;inset:0 auto 0 0;z-index:30;width:218px;box-shadow:6px 0 18px #00000047}.sidebar-nav.collapsed{width:0;padding:0;border:0}.content-container{padding:5px}.table-toolbar,.diagnostics-toolbar{align-items:flex-start;flex-direction:column}.entity-filter-grid,.company-account-summary,.company-account-form-grid,.permission-matrix,.permission-options,.fields-layout-grid,.form-grid-2,.script-container{grid-template-columns:1fr!important}.tab-item{min-width:96px}}@media (prefers-reduced-motion: reduce){.agent-dashboard *,.agent-dashboard *:before,.agent-dashboard *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.customer-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:.75rem;background:#0f172a7a}.customer-detail-modal{display:flex;flex-direction:column;width:min(1220px,99vw);height:min(850px,96vh);overflow:hidden;background:#f8fafc;border:2px solid var(--united-teal, #2a8e9b);box-shadow:0 18px 45px #0f172a52}.customer-detail-header{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 1rem;color:#30343b;background:#fff;border-bottom:1px solid #d7dce1;font-size:.95rem;font-weight:700}.customer-detail-header-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:.45rem;color:#fff;background:#34383d;border-radius:2px}.customer-detail-file{color:#64748b;font-size:.75rem;font-weight:500}.customer-detail-content{flex:1;min-height:0;margin:.45rem;padding:.55rem;overflow:auto;background:#d9edf7;border:1px solid #9aabb4;box-shadow:inset 0 0 0 5px #ffffff47}.customer-detail-tabs{display:flex;margin-bottom:.65rem}.customer-detail-tabs button{min-height:42px;padding:0 1rem;color:#707070;background:#f7f7f7;border:1px solid #666;border-right:0;font-size:.9rem;font-weight:700;cursor:pointer}.customer-detail-tabs button:last-child{border-right:1px solid #666}.customer-detail-tabs button.active{color:#fff;background:#607d8b}.customer-detail-error{margin-bottom:.6rem;padding:.55rem .7rem;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;font-size:.8rem}.customer-detail-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.customer-detail-field{display:block;margin-bottom:.62rem;color:#111827;font-size:.82rem;font-weight:600}.customer-detail-field>span{display:block;margin-bottom:.22rem}.customer-detail-field b{margin-left:2px;color:#dc2626}.customer-detail-field input,.customer-detail-field select,.customer-detail-field textarea{width:100%;min-height:35px;box-sizing:border-box;padding:.42rem .65rem;color:#30343b;background:#fff;border:1px solid #d5d5d5;border-radius:3px;font:inherit;font-weight:500}.customer-detail-field textarea{resize:vertical}.customer-detail-field input:disabled,.customer-detail-field select:disabled,.customer-detail-field textarea:disabled{color:#475569;background:#f8fafc}.customer-detail-table-wrap{min-height:500px;overflow:auto;background:#fff;border:1px solid #8a8a8a}.customer-detail-table{width:100%;border-collapse:collapse;color:#30343b;font-size:.82rem}.customer-detail-table th,.customer-detail-table td{height:38px;padding:.4rem .65rem;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;text-align:center}.customer-detail-table th{background:#f1f1f1;font-weight:800}.customer-detail-empty{padding:3rem!important;color:#64748b;text-align:center}.customer-detail-footer{display:flex;justify-content:flex-end;gap:.6rem;min-height:58px;padding:.7rem 1rem;box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0}.customer-detail-save,.customer-detail-close{min-width:130px;padding:.55rem 1rem;color:#fff;border:0;font-weight:800;cursor:pointer}.customer-detail-save{background:#55b957}.customer-detail-close{background:#f44336}.customer-detail-save:disabled{opacity:.6;cursor:wait}.person-form-header{position:sticky;top:0;z-index:20;justify-content:space-between}.person-form-header-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.person-form-header-actions .form-btn{min-width:104px;justify-content:center}.person-form-header-actions .btn-blue{color:#fff!important;background:#2993a3!important;border-color:#237d8b!important}.person-form-header-actions .btn-red{color:#fff!important;background:#e4493f!important;border-color:#c73d34!important}.person-form-header-actions .form-btn:disabled{opacity:.65;cursor:wait}@media (max-width: 760px){.person-form-header{align-items:flex-start;flex-wrap:wrap}.person-form-header-actions{width:100%}.person-form-header-actions .form-btn{flex:1}.customer-detail-form-grid{grid-template-columns:1fr;gap:0}.customer-detail-tabs{overflow-x:auto}.customer-detail-tabs button{white-space:nowrap}}.qc-sale-modal-overlay{box-sizing:border-box;padding:16px;overflow:hidden}.warning-modal-container.qc-sale-modal{align-items:stretch;width:min(1440px,calc(100vw - 32px))!important;max-width:none!important;height:min(920px,calc(100vh - 32px));max-height:none!important;padding:0!important;gap:0!important;overflow:hidden!important;color:#1e293b;text-align:left;border:1px solid #94a3b8;border-radius:10px;background:#f1f5f9}.qc-sale-modal-header{position:relative;z-index:10;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 10px 0 16px;color:#334155;background:#fff;border-bottom:1px solid #cbd5e1}.qc-sale-modal-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:.95rem}.qc-sale-modal-title>span:last-child{color:#64748b;font-size:.8rem}.qc-sale-modal-close{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;color:#475569;font-size:1.75rem;line-height:1;cursor:pointer;border:1px solid transparent;border-radius:5px;background:transparent}.qc-sale-modal-close:hover,.qc-sale-modal-close:focus-visible{color:#fff;background:#ef4444;border-color:#dc2626;outline:none}.qc-sale-modal-body{flex:1 1 auto;min-width:0;min-height:0;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:12px}.qc-sale-status-grid,.qc-sale-modal-main,.qc-sale-summary,.qc-sale-workspace,.qc-sale-tabs,.qc-sale-tab-content{min-width:0}.qc-sale-status-grid{flex:0 0 auto}.qc-sale-modal-main{flex:1 1 auto;min-height:0;margin-top:0!important}.qc-sale-summary{overflow-wrap:anywhere}.qc-sale-workspace{min-height:0;overflow:hidden}.qc-sale-tabs{flex:0 0 auto;max-width:100%}.qc-sale-tab-content{min-height:0;overflow:auto!important}.qc-sale-call-info{max-width:100%;overflow:auto}.qc-sale-call-info .custom-data-table{min-width:980px}.qc-sale-call-info .call-recording-item{min-width:260px}@media (max-width: 900px){.qc-sale-modal-overlay{padding:8px}.warning-modal-container.qc-sale-modal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)}.qc-sale-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.qc-sale-modal-main{flex-direction:column!important}.qc-sale-summary{width:auto!important}.qc-sale-form-grid{grid-template-columns:1fr!important}.qc-sale-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width: 520px){.qc-sale-status-grid,.qc-sale-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.sales-download-dropdown{position:relative}.sales-download-dropdown>summary{list-style:none}.sales-download-dropdown>summary::-webkit-details-marker{display:none}.sales-download-trigger{display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border:1px solid #cbd5e1;border-radius:4px;background:#f1f5f9;color:#334155;font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sales-download-trigger:hover,.sales-download-trigger:focus-visible,.sales-download-dropdown[open] .sales-download-trigger{border-color:#2b93a0;background:#e8f4f5;outline:none}.sales-download-caret{margin-left:.15rem;transition:transform .15s ease}.sales-download-dropdown[open] .sales-download-caret{transform:rotate(180deg)}.sales-download-menu{position:absolute;z-index:80;top:calc(100% + 6px);right:0;min-width:350px;padding:5px;border:1px solid #b8c4cc;border-top:3px solid #2b93a0;border-radius:3px;background:#fff;box-shadow:0 10px 26px #0f172a33}.sales-download-menu a{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border-radius:3px;color:#263746;text-decoration:none}.sales-download-menu a+a{border-top:1px solid #e2e8f0}.sales-download-menu a:hover,.sales-download-menu a:focus-visible{background:#e8f4f5;color:#1f7f8a;outline:none}.sales-download-menu strong,.sales-download-menu small{display:block}.sales-download-menu strong{font-size:.84rem;line-height:1.25}.sales-download-menu small{margin-top:.15rem;color:#64748b;font-size:.72rem}.sales-download-icon{width:1.25rem;flex:0 0 1.25rem;text-align:center}@media (max-width: 720px){.sales-download-menu{right:auto;left:0;min-width:min(350px,calc(100vw - 32px))}}:root{--login-united-header: #238b9a;--login-united-header-dark: #1b7480;--login-united-sidebar: #17232d;--login-united-canvas: #eef0f2;--login-united-border: #c5cbd0;--login-united-text: #30363a;--login-united-muted: #6c757b}.login-wrapper,.login-wrapper *,.login-wrapper *:before,.login-wrapper *:after{box-sizing:border-box}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--login-united-header) 0 44px,transparent 44px),linear-gradient(90deg,var(--login-united-sidebar) 0 218px,transparent 218px),var(--login-united-canvas);color:var(--login-united-text);font-family:Arial,Helvetica Neue,sans-serif}.login-wrapper:before{content:"UNITED";position:fixed;top:0;left:0;z-index:2;width:218px;height:44px;display:flex;align-items:center;padding:0 15px;border-right:1px solid rgba(255,255,255,.18);color:#fff;font-size:17px;font-weight:700;letter-spacing:.12em}.login-wrapper:after{content:"OnDialer Administration";position:fixed;top:0;right:14px;z-index:2;height:44px;display:flex;align-items:center;color:#ffffffd6;font-size:11px}.login-container{width:min(390px,calc(100vw - 40px));margin-left:218px}.login-glass-card{overflow:hidden;padding:0;border:1px solid #aeb6bb;border-radius:2px;background:#fff;box-shadow:0 3px 12px #17232d33}.login-logo-section{margin:0;padding:18px 22px 16px;border-bottom:1px solid var(--login-united-border);background:linear-gradient(#fbfbfb,#e9ecee);text-align:left}.login-logo-badge{float:left;width:38px;height:38px;margin:0 10px 0 0;display:grid;place-items:center;border:1px solid var(--login-united-header-dark);border-radius:2px;background:var(--login-united-header);color:#fff;box-shadow:none;font-size:19px;font-weight:700}.login-logo-section h1{margin:0 0 3px;color:var(--login-united-text);font-size:16px;font-weight:700;letter-spacing:.1em}.login-logo-section p{margin:0;color:var(--login-united-muted);font-size:11px}.login-form{display:grid;gap:13px;padding:22px}.login-wrapper .form-group{display:grid;gap:4px}.login-wrapper .form-group label{color:#515a61;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}.login-wrapper .form-group input{width:100%;min-height:34px;padding:6px 8px;border:1px solid #aeb6bb;border-radius:2px;outline:none;background:#fff;color:var(--login-united-text);box-shadow:inset 0 1px 1px #0000000d;font-family:inherit;font-size:12px}.login-wrapper .form-group input:focus{border-color:var(--login-united-header);background:#fff;box-shadow:0 0 0 1px #238b9a40}.login-wrapper .form-group input::placeholder{color:#9aa2a7}.login-wrapper .form-error{margin-top:1px;color:#d83f3f;font-size:11px}.login-submit-btn{min-height:34px;margin-top:3px;padding:6px 12px;border:1px solid var(--login-united-header-dark);border-radius:2px;background:var(--login-united-header);color:#fff;box-shadow:none;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.login-submit-btn:hover:not(:disabled){background:var(--login-united-header-dark);box-shadow:none;transform:none}.login-submit-btn:active:not(:disabled){background:#155f69}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed}.loading-spinner-container{display:inline-flex;align-items:center;justify-content:center;gap:7px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin-loader .8s linear infinite}@keyframes spin-loader{to{transform:rotate(360deg)}}@media (max-width: 720px){.login-wrapper{padding-top:68px;background:linear-gradient(180deg,var(--login-united-header) 0 44px,transparent 44px),var(--login-united-canvas)}.login-wrapper:before{width:auto}.login-wrapper:after{display:none}.login-container{margin-left:0}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.5s}}