.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;width:min(390px,calc(100vw - 48px));pointer-events:none}.toast{position:relative;overflow:hidden;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;display:flex;align-items:center;gap:12px;width:100%;min-width:0;background:#0f172af0;box-shadow:0 16px 36px #02061752,0 2px 8px #0206172e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:slideIn .3s ease;pointer-events:auto}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--toast-accent)}.toast-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;color:#fff;font-size:15px;font-weight:800;background:var(--toast-accent)}.toast-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;line-height:1.35}.toast-content strong{color:#f8fafc;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.toast-content>span{color:#cbd5e1;font-size:13px;overflow-wrap:anywhere}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.toast-container{left:12px;right:12px;bottom:12px;width:auto}.toast{min-width:0;width:100%}}.toast-success{--toast-accent: #22c55e}.toast-error{--toast-accent: #f43f5e}.toast-warning{--toast-accent: #f59e0b}.toast-info{--toast-accent: #38bdf8}.toast-close{background:none;border:none;color:#94a3b8;font-size:22px;line-height:1;cursor:pointer;padding:4px;margin-left:auto;transition:color .2s ease,transform .2s ease}.toast-close:hover{color:#fff;transform:scale(1.12)}.sidebar{--sidebar-width: 240px;--sidebar-mini-width: 70px;--bg-dark: #0f172a;--bg-darker: #020617;--accent: #0ea5e9;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);width:var(--sidebar-width);height:100vh;background:var(--bg-dark);color:var(--text-primary);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000080;border-right:1px solid var(--glass-border)}.sidebar.minimized{width:var(--sidebar-mini-width)}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);min-height:80px}.sidebar.minimized .sidebar-header{position:relative;padding:20px 0;justify-content:center}.brand-wrapper{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#0284c7);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0ea5e966}.brand-logo i{font-size:18px;color:#fff}.brand-text h1{font-size:16px;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text span{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:700}.minimize-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-secondary);width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.minimize-btn:hover{background:var(--accent);color:#fff}.sidebar.minimized .minimize-btn{position:absolute;top:8px;right:6px;display:flex;width:20px;height:20px}.sidebar-nav{flex:1;overflow-y:auto;padding:15px 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.nav-section{margin-bottom:14px}.nav-section-header{padding:9px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:color .2s}.nav-section.expanded .nav-section-header{color:#cbd5e1}.nav-section-header:hover{color:var(--text-primary)}.section-icon{font-size:12px;width:16px;text-align:center}.arrow{margin-left:auto;font-size:10px;transition:transform .3s}.arrow.up{transform:rotate(180deg)}.nav-items{padding:5px 10px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 15px;text-decoration:none;color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.nav-item.has-children{position:relative}.submenu-arrow{margin-left:auto;width:auto!important;font-size:10px!important;color:#64748b;transition:transform .2s,color .2s}.nav-item.has-children.expanded .submenu-arrow{color:var(--accent)}.submenu-arrow.up{transform:rotate(180deg)}.sidebar.minimized .nav-item{justify-content:center;padding:12px 0}.nav-item i{font-size:16px;width:20px;text-align:center}.nav-item:hover{background:var(--glass);color:var(--text-primary)}.nav-item.active{background:#0ea5e91a;color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.item-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:9px;padding:2px 6px;border-radius:10px;font-weight:800;text-transform:uppercase}.sub-nav-items{padding-left:32px;margin-top:4px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(14,165,233,.35);margin-left:20px}.sub-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .2s}.sub-item:hover{color:var(--text-primary);background:var(--glass)}.sub-item.active{color:var(--accent);font-weight:600;background:#0ea5e912}.sidebar-footer{padding:14px;border-top:1px solid var(--glass-border);background:var(--bg-darker)}.user-profile{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#ffffff09}.sidebar.minimized .user-profile{justify-content:center;padding:8px 0;border-color:transparent;background:transparent}.user-avatar{position:relative;flex:0 0 36px;width:36px;height:36px}.avatar-placeholder{width:36px;height:36px;background:#0ea5e91f;border:2px solid var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#e0f2fe}.status-dot{position:absolute;right:0;top:0;bottom:auto;width:9px;height:9px;border-radius:50%;border:2px solid #020617;box-sizing:border-box}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55ecc}.user-info{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;overflow:hidden;white-space:nowrap}.user-primary-row,.user-secondary-row{display:flex;align-items:center;min-width:0;max-width:100%}.user-primary-row{width:100%;gap:6px}.user-secondary-row{gap:5px}.user-caption{color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;flex:0 0 auto}.user-name{display:block;flex:1 1 auto;color:#fff;font-size:14px;font-weight:700;line-height:1.25;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.user-role{display:inline-flex;flex:0 1 auto;width:-moz-fit-content;width:fit-content;align-items:center;gap:5px;max-width:100%;overflow:hidden;padding:3px 7px;color:#bae6fd;background:#0ea5e929;border:1px solid rgba(56,189,248,.3);border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.user-profile:hover{border-color:#38bdf84d;background:#0ea5e914}.user-role i{flex:0 0 auto;color:#38bdf8;font-size:9px}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1100;width:40px;height:40px;border-radius:10px;background:var(--bg-dark);border:1px solid var(--glass-border);color:#fff;cursor:pointer;align-items:center;justify-content:center}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;width:100%;height:100%;padding:0;background:#02061785;border:0;cursor:pointer}.sidebar-backdrop.visible{display:block}.sidebar button:focus-visible,.sidebar a:focus-visible,.sidebar-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:240px!important}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}}@media(prefers-reduced-motion:reduce){.sidebar,.nav-item,.sub-item,.minimize-btn{transition:none}}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left h2{margin:0;font-size:20px;color:#111827}.header-right{display:flex;align-items:center;gap:9px}.header-subscription{display:inline-flex;align-items:center;gap:8px;height:38px;padding:4px 10px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534;text-align:left;cursor:pointer;transition:all .2s ease}.header-subscription:hover{transform:translateY(-1px);box-shadow:0 5px 14px #1665341f}.header-subscription-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#dcfce7;font-size:12px}.header-subscription span:last-child{display:grid;gap:2px}.header-subscription small{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.header-subscription strong{font-size:12px;line-height:1}.header-subscription.critical{border-color:#fcd34d;background:#fffbeb;color:#92400e;animation:header-subscription-pulse 1.3s ease-in-out infinite}.header-subscription.critical .header-subscription-icon{background:#fef3c7}.header-subscription.expired{border-color:#fecaca;background:#fef2f2;color:#991b1b}.header-subscription.expired .header-subscription-icon{background:#fee2e2}@keyframes header-subscription-pulse{50%{box-shadow:0 0 0 4px #f59e0b29}}.header-session-status{color:#15803d;font-size:10px;font-weight:800;white-space:nowrap}.header-session-status i{margin-right:4px;font-size:7px}.header-account{position:relative}.header-account-trigger{display:inline-flex;align-items:center;gap:7px;height:38px;padding:4px 9px;border:1px solid #bfdbfe;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#eff6ff);color:#1d4ed8;cursor:pointer;transition:all .2s ease}.header-account-trigger:hover,.header-account-trigger[aria-expanded=true]{border-color:#60a5fa;background:#eff6ff;box-shadow:0 5px 16px #1e40af24}.header-account-trigger .user-icon{width:29px;height:29px}.header-account-trigger>i{font-size:10px}.header-account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:1100;width:238px;padding:8px;border:1px solid #dbeafe;border-radius:14px;background:#fff;box-shadow:0 18px 40px #0f172a2e}.header-account-summary{display:grid;gap:3px;padding:9px 10px 10px;border-bottom:1px solid #eef2f7}.header-account-summary strong{color:#1e293b;font-size:12px}.header-account-summary span{color:#64748b;font-size:11px}.header-account-summary small{color:#15803d;font-size:10px;font-weight:700}.header-account-summary small i{margin-right:4px;font-size:7px}.header-menu-item{display:flex;align-items:center;width:100%;gap:9px;margin-top:4px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#334155;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.header-menu-item:hover{background:#eff6ff;color:#1d4ed8}.header-menu-item i{width:15px;text-align:center}.header-menu-logout{color:#b91c1c}.header-menu-logout:hover{background:#fff1f2;color:#b91c1c}.status-bar{display:flex;gap:16px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.status-dot{width:8px;height:8px;border-radius:50%}.status-connected{background-color:#10b981}.status-disconnected{background-color:#ef4444}.status-label{font-size:12px}.header-user{display:flex;align-items:center;gap:10px;height:38px;padding:4px 9px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #bfdbfe;box-shadow:0 3px 10px #1e40af14;transition:all .2s ease}.header-user:hover,.header-user:focus-visible{outline:none;border-color:#60a5fa;background:#eff6ff;box-shadow:0 5px 16px #1e40af24}.user-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#eff6ff;font-size:11px;font-weight:800;letter-spacing:.08em}.user-meta{display:flex;flex-direction:column;gap:2px}.user-name{font-size:13px;font-weight:700;color:#111827}.user-role{font-size:11px;color:#64748b}.header-profile-link{display:inline-flex;align-items:center;gap:5px;margin-left:2px;padding:5px 7px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-weight:800;white-space:nowrap}.header-time{display:inline-flex;align-items:center;gap:9px;height:38px;padding:4px 10px;border:1px solid #dbeafe;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#f8fafc);color:#1e3a8a}.header-time-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#dbeafe;font-size:13px}.header-time-copy{display:grid;grid-template-columns:auto auto;-moz-column-gap:7px;column-gap:7px;align-items:baseline;line-height:1.1}.header-time-copy small{grid-column:1 / -1;color:#64748b;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-time-copy strong{color:#1e40af;font-size:12px;font-weight:800}.header-time-copy em{color:#64748b;font-size:11px;font-style:normal}.header-logout{height:38px;padding:0 12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b91c1c;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s ease}.header-logout:hover{background:#ef4444;border-color:#ef4444;color:#fff}@media(max-width:768px){.header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;flex-wrap:wrap}.header-time{order:2}.header-subscription{order:1}.header-account{order:3}}@media(prefers-reduced-motion:reduce){.header-subscription.critical{animation:none}}.layout{--sidebar-width: 240px;--sidebar-mini-width: 70px;display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background-color:#f1f5f9;transition:margin-left .3s ease;min-width:0}.layout.sidebar-is-minimized .main-content{margin-left:var(--sidebar-mini-width)}.page-content{flex:1;padding:20px;min-width:0;max-width:100%;overflow-x:clip}.main-content .token-details-widget{margin:16px 20px 0}@media(max-width:1024px){.main-content,.layout.sidebar-is-minimized .main-content{margin-left:0}.page-content{padding:16px}}.token-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#667eea26,#0f172af2);display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.token-prompt-modal{background:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 0 0 1px #ffffff1a,0 25px 80px #0006,0 0 120px #667eea33;border:1px solid rgba(102,126,234,.2);overflow:hidden}.token-prompt-header{position:relative;text-align:center;padding:24px 20px 20px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.header-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:glow 6s ease-in-out infinite}@keyframes glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.header-content{position:relative;z-index:1}.lock-icon{font-size:36px;display:block;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.token-prompt-header h1{font-size:20px;font-weight:800;color:#fff;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:12px;color:#fffffff2;margin:0;font-weight:500}.token-prompt-body{padding:20px}.sales-banner{display:flex;gap:14px;padding:14px;background:linear-gradient(135deg,#3b82f614,#9333ea14);border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:16px;align-items:flex-start;box-shadow:0 2px 8px #3b82f61a}.sales-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sales-content strong{display:block;font-size:14px;color:#1e293b;margin-bottom:4px;font-weight:700}.sales-content p{font-size:11px;color:#64748b;margin:0 0 10px;line-height:1.4}.sales-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:6px;font-size:11px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.sales-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.token-input-section{margin-bottom:16px}.token-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.label-icon{font-size:14px}.token-label .required{color:#ef4444}.token-input-wrapper{display:flex;gap:8px}.token-input{flex:1;padding:11px 13px;border:2px solid #e2e8f0;border-radius:8px;font-size:12px;font-family:Courier New,monospace;transition:all .3s ease;background:#fff}.token-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.toggle-visibility{width:42px;height:42px;border:2px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:18px;cursor:pointer;transition:all .3s ease}.toggle-visibility:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-1px)}.process-box{background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:14px;box-shadow:0 2px 8px #0000000a}.process-title{font-size:11px;font-weight:700;color:#1e293b;margin-bottom:10px;display:flex;align-items:center;gap:6px}.cart-icon{font-size:14px}.process-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.process-item{display:flex;flex-direction:column;align-items:center;gap:4px}.p-num{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #667eea66}.p-text{font-size:10px;color:#475569;font-weight:600;text-align:center;white-space:nowrap}.p-arrow{font-size:14px;color:#94a3b8;flex-shrink:0;margin:0 2px}.token-prompt-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px}.btn{padding:9px 18px;border:none;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-logout{background:transparent;color:#64748b;border:2px solid #cbd5e1}.btn-logout:hover{background:#fff;color:#ef4444;border-color:#fecaca;transform:translateY(-1px)}.footer-actions{display:flex;gap:8px}.btn-skip{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:2px solid #cbd5e1}.btn-skip:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-check{font-weight:700;font-size:14px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.token-prompt-modal{width:95%}.process-row{justify-content:space-between}.process-item{flex:1;min-width:60px}.p-text{font-size:9px}.token-prompt-footer{flex-direction:column;gap:10px}.footer-actions{width:100%}.btn{flex:1}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px 20px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 9% 18%,rgba(56,189,248,.35),transparent 22rem),radial-gradient(circle at 90% 78%,rgba(37,99,235,.28),transparent 28rem),linear-gradient(135deg,#06162e,#0a2d55 47%,#07506d);color:#172033}.login-page:before,.login-page:after{position:absolute;z-index:-1;pointer-events:none;content:""}.login-page:before{top:0;right:0;bottom:0;left:0;opacity:.34;background-image:linear-gradient(118deg,transparent 0 48%,rgba(125,211,252,.36) 48.15% 48.35%,transparent 48.5% 100%),linear-gradient(27deg,transparent 0 59%,rgba(125,211,252,.3) 59.15% 59.35%,transparent 59.5% 100%),radial-gradient(circle at 15% 28%,#7dd3fc 0 3px,transparent 4px),radial-gradient(circle at 81% 18%,#67e8f9 0 3px,transparent 4px),radial-gradient(circle at 89% 70%,#7dd3fc 0 4px,transparent 5px),radial-gradient(circle at 19% 82%,#67e8f9 0 3px,transparent 4px);background-size:820px 560px,920px 620px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:center,center,center,center,center,center}.login-page:after{width:min(66vw,850px);aspect-ratio:1;top:-42%;right:-20%;border:1px solid rgba(125,211,252,.26);border-radius:50%;box-shadow:0 0 0 62px #7dd3fc0e,0 0 0 125px #7dd3fc09,0 0 0 188px #7dd3fc05}.login-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);width:min(100%,1080px);min-height:min(680px,calc(100dvh - 48px));position:relative;z-index:1;overflow:hidden;border:1px solid rgba(186,230,253,.24);border-radius:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 85px #0112276b}.login-showcase{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 40px 28px;overflow:hidden;color:#fff;background:radial-gradient(circle at 74% 78%,rgba(14,165,233,.23),transparent 20rem),linear-gradient(145deg,#031835f5,#084a69e8)}.login-showcase:before,.login-showcase:after{position:absolute;pointer-events:none;content:""}.login-showcase:before{width:430px;height:430px;right:-205px;bottom:-160px;border:1px solid rgba(125,211,252,.38);border-radius:50%;box-shadow:0 0 0 58px #7dd3fc0e,0 0 0 116px #7dd3fc09,0 0 0 174px #7dd3fc06}.login-showcase:after{top:0;right:0;bottom:0;left:0;opacity:.34;background-image:linear-gradient(122deg,transparent 0 42%,rgba(125,211,252,.34) 42.15% 42.35%,transparent 42.5% 100%),linear-gradient(18deg,transparent 0 70%,rgba(103,232,249,.3) 70.15% 70.35%,transparent 70.5% 100%),radial-gradient(circle at 18% 73%,#7dd3fc 0 3px,transparent 4px),radial-gradient(circle at 76% 29%,#67e8f9 0 3px,transparent 4px),radial-gradient(circle at 80% 82%,#7dd3fc 0 4px,transparent 5px)}.login-access{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px 38px;background:#f8fbfffa}.login-mobile-brand{display:none}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1;margin:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb 65%,#4338ca);border-radius:12px;box-shadow:0 9px 22px #0e74d24d}.brand-mark svg{width:20px;height:20px}.brand-name,.brand-product,.login-card-header p,.login-footer p,.login-copyright,.field-error,.submit-error{margin:0}.brand-name{font-size:17px;font-weight:750;color:#fff;letter-spacing:-.02em}.brand-product{margin-top:1px;color:#e0f2fec7;font-size:12px}.login-card{width:min(100%,400px);margin:auto;position:relative}.login-card:before{content:"";position:absolute;top:-32px;left:0;width:58px;height:3px;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#4f46e5)}.showcase-content{position:relative;z-index:1;max-width:410px;margin:auto 0}.showcase-eyebrow{margin:0 0 14px;color:#7dd3fc;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:28px;height:1px;margin:0 7px 3px 0;background:currentColor;opacity:.7}.showcase-content h2{margin:0;max-width:390px;font-size:clamp(28px,3vw,38px);font-weight:750;letter-spacing:-.045em;line-height:1.12}.showcase-copy{margin:15px 0 20px;max-width:370px;color:#e0f2fed6;font-size:15px;line-height:1.5}.showcase-points{display:grid;gap:9px;padding:0;margin:0;list-style:none;color:#e0f2fe;font-size:14px;font-weight:600}.showcase-points li{display:flex;align-items:center;gap:10px}.showcase-points span,.showcase-status span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 0 4px #67e8f921,0 0 15px #67e8f98f}.showcase-status{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:20px 0 0;color:#e0f2fed1;font-size:12px;font-weight:650}.showcase-preview{width:min(100%,380px);margin-top:22px;padding:13px 15px 12px;color:#dff7ff;background:linear-gradient(145deg,#092c4fd1,#0869846b);border:1px solid rgba(165,243,252,.2);border-radius:15px;box-shadow:0 18px 35px #01122730,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-heading,.preview-metrics,.preview-heading .preview-time{display:flex;align-items:center}.preview-heading{gap:7px;color:#a5f3fc;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.preview-time{margin-left:auto;color:#e0f2fe99;font-weight:500;letter-spacing:0;text-transform:none}.preview-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39921,0 0 12px #34d399bf}.preview-metrics{justify-content:space-between;gap:10px;margin-top:14px}.preview-metrics div{display:grid;gap:3px}.preview-metrics strong{color:#fff;font-size:22px;letter-spacing:-.05em;line-height:1}.preview-metrics strong span{font-size:12px;letter-spacing:0}.preview-metrics span{color:#e0f2fe9e;font-size:10px}.preview-wave{display:flex;align-items:center;gap:4px;height:25px;margin-top:12px;overflow:hidden}.preview-wave i{width:100%;height:8px;min-width:5px;background:linear-gradient(#67e8f9,#38bdf8);border-radius:4px;opacity:.8}.preview-wave i:nth-child(2n){height:15px;opacity:.55}.preview-wave i:nth-child(3n){height:22px}.login-card-header{margin-bottom:18px}.access-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.shield-icon{display:grid;place-items:center;width:20px;height:20px;color:#fff;font-size:11px;background:linear-gradient(135deg,#0ea5e9,#4f46e5);border-radius:6px 6px 8px 8px;box-shadow:0 4px 9px #2563eb38}.eyebrow{margin-bottom:7px!important;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-card-header h1{margin:0 0 8px;color:#172033;font-size:27px;font-weight:750;letter-spacing:-.035em;line-height:1.2}.title-dot{color:#2563eb}.login-card-header>p:last-child{color:#64748b;font-size:14px;line-height:1.55}.login-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;background:#e8eef7;border:1px solid #e1e9f4;border-radius:12px}.login-type-selector.agent-only{grid-template-columns:1fr}.type-btn{display:flex;align-items:center;gap:9px;min-height:62px;padding:9px 10px;color:#5a6880;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;text-align:left;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.type-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;color:#64748b;font-size:15px;background:#f1f5f9;border-radius:8px}.type-btn.active .type-icon{color:#2563eb;background:#eaf2ff}.type-btn:hover{color:#172b4d}.type-btn.active{color:#172b4d;background:#fff;border-color:#cfe0f6;box-shadow:0 5px 12px #2563eb1a}.type-btn:focus-visible,.form-input:focus-visible,.password-toggle:focus-visible,.checkbox-wrapper input:focus-visible+.checkbox-custom,.btn-login:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.type-title,.type-description{display:block}.type-title{font-size:13px;font-weight:750}.type-description{margin-top:2px;font-size:11px;font-weight:500;opacity:.8}.login-form{display:grid;gap:12px}.form-group{display:grid;gap:6px;margin:0}.form-label{color:#334155;font-size:13px;font-weight:650}.form-input{width:100%;min-height:46px;padding:11px 13px;color:#172033;font-size:15px;background:#fff;border:1px solid #cbd5e1;border-radius:11px;transition:border-color .16s ease,box-shadow .16s ease}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.form-input:hover{border-color:#94a3b8}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input.has-error{border-color:#dc2626}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:64px}.password-toggle{position:absolute;top:50%;right:8px;min-height:32px;padding:4px 8px;color:#24548e;font-size:12px;font-weight:700;background:transparent;border:0;border-radius:6px;cursor:pointer;transform:translateY(-50%)}.password-toggle:hover{color:#173b68;background:#eff6ff}.field-error,.submit-error{color:#b91c1c;font-size:12px;line-height:1.4}.submit-error{padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.checkbox-wrapper{display:inline-flex;align-items:center;gap:9px;width:-moz-fit-content;width:fit-content;color:#475569;cursor:pointer}.checkbox-wrapper input{position:absolute;width:1px;height:1px;opacity:0}.checkbox-custom{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;background:#fff;border:1px solid #94a3b8;border-radius:5px}.checkbox-custom:after{content:"";width:8px;height:4px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;opacity:0;transform:rotate(-45deg) translate(1px,-1px)}.checkbox-wrapper input:checked+.checkbox-custom{background:#24548e;border-color:#24548e}.checkbox-wrapper input:checked+.checkbox-custom:after{opacity:1}.checkbox-label{font-size:13px;line-height:1.4}.secure-note{display:flex;align-items:center;gap:6px;color:#64748b;font-size:11px;font-weight:600}.secure-note span{display:grid;place-items:center;width:16px;height:16px;color:#15803d;background:#dcfce7;border-radius:50%;font-size:10px}.btn-login{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:51px;padding:12px 16px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(110deg,#0f5fd4,#2563eb 55%,#4f46e5);border:0;border-radius:11px;box-shadow:0 9px 18px #2563eb3b;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn-login:hover:not(:disabled){box-shadow:0 13px 24px #2563eb4d;transform:translateY(-1px)}.btn-login:disabled{cursor:wait;opacity:.7}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{display:grid;gap:6px;margin-top:18px;padding-top:14px;color:#64748b;font-size:12px;line-height:1.5;border-top:1px solid #e2e8f0}.login-footer .security-note{color:#475569;font-weight:600}.login-copyright{width:min(100%,400px);margin:12px auto 0;color:#94a3b8;font-size:12px;text-align:center}@media(min-width:961px)and (max-height:720px){.login-shell{min-height:calc(100dvh - 32px)}.login-showcase,.login-access{padding:24px 32px}.showcase-preview{display:none}.showcase-copy{margin:12px 0 16px}.login-card-header,.login-type-selector{margin-bottom:14px}.login-form{gap:10px}}@media(max-width:960px){.login-page{display:block;min-height:100dvh;padding:30px 20px;background:radial-gradient(circle at 5% 5%,rgba(56,189,248,.24),transparent 19rem),linear-gradient(160deg,#071b36,#0b426f)}.login-shell{display:block;width:min(100%,500px);min-height:0;margin:0 auto;overflow:visible;border:0;border-radius:0;box-shadow:none}.login-showcase{display:none}.login-access{display:block;padding:0;background:transparent}.login-mobile-brand{display:flex;align-items:center;gap:12px;margin:0 4px 26px}.login-card{width:100%;padding:30px;background:#fffffffa;border:1px solid rgba(186,230,253,.28);border-radius:20px;box-shadow:0 22px 55px #0112274d}.login-card:before{top:-1px;left:30px}.login-copyright{width:100%;color:#e0f2fea8}.login-page:after{top:-20%;right:-42%;width:112vw}}@media(max-width:480px){.login-page{padding:22px 16px 28px}.login-page:before{opacity:.16}.login-card{padding:24px 20px;border-radius:18px}.login-card-header{margin-bottom:20px}.login-card-header h1{font-size:24px}.login-type-selector{margin-bottom:22px}.type-btn{min-height:64px;padding:8px}.login-form{gap:17px}.form-input,.btn-login{min-height:50px}.login-footer{margin-top:22px;padding-top:17px}}@media(prefers-reduced-motion:reduce){.login-page *,.login-page *:before,.login-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6b7280;font-size:14px}.dashboard-page{display:grid;gap:16px;color:#152238}.dashboard-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;color:#f8fbff;background:radial-gradient(circle at 92% 10%,rgba(56,189,248,.25),transparent 14rem),linear-gradient(125deg,#0b2342,#124a75);border-radius:18px;box-shadow:0 14px 34px #0f2b4b2e}.dashboard-eyebrow,.dashboard-subtitle,.panel-kicker,.metric-label,.metric-meta,.call-row span,.compact-row span,.updated-at,.dashboard-alert{margin:0}.dashboard-eyebrow,.panel-kicker{color:#38bdf8;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dashboard-topbar h1{margin:5px 0 6px;font-size:28px;letter-spacing:-.035em;line-height:1.15}.dashboard-subtitle{max-width:590px;color:#dbeafe;font-size:14px}.dashboard-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:270px}.sync-status,.updated-at{display:inline-flex;align-items:center;gap:7px;color:#dbeafe;font-size:12px;white-space:nowrap}.sync-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff1a}.refresh-button{min-height:36px;padding:8px 13px;color:#102a43;font-size:12px;font-weight:800;background:#f8fafc;border:0;border-radius:9px;cursor:pointer}.refresh-button:hover:not(:disabled){background:#e0f2fe}.refresh-button:disabled{opacity:.65;cursor:progress}.dashboard-alert{padding:10px 13px;color:#92400e;font-size:13px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:6px;min-height:130px;padding:17px;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 18px #0f172a0b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric-card:hover{border-color:#93c5fd;box-shadow:0 11px 22px #0f172a14;transform:translateY(-1px)}.metric-card:before{width:30px;height:3px;content:"";border-radius:4px}.metric-blue:before{background:#2563eb}.metric-green:before{background:#16a34a}.metric-amber:before{background:#d97706}.metric-slate:before{background:#475569}.metric-label{color:#64748b;font-size:12px;font-weight:700}.metric-card strong{color:#0f172a;font-size:30px;line-height:1;letter-spacing:-.04em}.metric-meta{color:#64748b;font-size:12px;line-height:1.45}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:16px;align-items:start}.dashboard-primary,.dashboard-secondary{display:grid;gap:16px}.dashboard-panel{padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 18px #0f172a0b}.text-link{color:#1d4ed8;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.call-list,.compact-list,.service-list{display:grid;border-top:1px solid #eef2f7}.call-row,.compact-row,.service-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #eef2f7}.call-row:last-child,.compact-row:last-child,.service-row:last-child{border-bottom:0}.call-row strong,.compact-row strong{display:block;overflow:hidden;color:#1e293b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.call-row span,.compact-row span{display:block;margin-top:2px;color:#64748b;font-size:12px}.call-row time{color:#475569;font-size:12px;font-variant-numeric:tabular-nums}.status-badge{display:inline-flex!important;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;margin:0!important;border-radius:999px;font-size:10px!important;font-weight:800;text-transform:capitalize;white-space:nowrap}.tone-bad{color:#b42318!important;background:#fee2e2}.presence-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.presence-summary span{padding:9px 7px;color:#64748b;font-size:11px;text-align:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px}.presence-summary b{display:block;margin-bottom:2px;color:#0f172a;font-size:16px}.agent-list .compact-row{min-height:50px}.service-row{grid-template-columns:1fr auto;min-height:44px;color:#475569;font-size:13px}.empty-panel{padding:17px;color:#64748b;font-size:13px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:720px){.dashboard-topbar{flex-direction:column;padding:20px}.dashboard-controls{justify-content:flex-start;min-width:0}.dashboard-topbar h1{font-size:25px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:120px;padding:14px}.metric-card strong{font-size:27px}.dashboard-panel{padding:15px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.call-row{grid-template-columns:minmax(0,1fr) auto;padding:8px 0}.call-row time{grid-column:2}.presence-summary{gap:5px}.presence-summary span{padding:8px 3px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:18px;max-height:90vh;overflow:auto;box-shadow:0 28px 70px #0f172a47;animation:modal-enter .18s ease-out}.modal-content--default{width:min(500px,100%);max-width:500px}.modal-content.campaign-edit-dialog-shell{width:min(860px,92vw);max-width:860px;min-width:760px}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal-content{animation:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e2e8f0;background:#fff}.modal-header h2{margin:0;font-size:1.05rem;color:#172554}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px}.modal-close:hover{background-color:#e2e8f0;color:#172554}.modal-body{padding:22px}.modal-footer{padding:16px 22px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;gap:12px;justify-content:flex-end}@media(max-width:560px){.modal-overlay{padding:12px;align-items:flex-end}.modal-content{max-height:calc(100vh - 24px);border-radius:18px 18px 12px 12px}.modal-content.campaign-edit-dialog-shell{width:100%}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}}@media(min-width:561px)and (max-width:825px){.modal-content.campaign-edit-dialog-shell{width:92vw;min-width:0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#6b7280}.empty-icon{font-size:48px}.empty-state p{font-size:16px;margin:0}.campaigns-page{display:grid;width:100%;min-width:0;max-width:100%;gap:18px;padding:4px;color:#152238;box-sizing:border-box}.campaigns-page .page-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.campaigns-page .header-left h1{margin:0;color:#fff;font-size:28px;letter-spacing:-.035em}.campaigns-page .header-left>p{margin:7px 0 0;color:#dbeafe;font-size:14px}.header-actions{display:flex;flex-wrap:wrap;gap:9px}.btn-primary-v2,.btn-secondary-v2{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.btn-primary-v2{color:#082f49;background:#f8fafc;border:0}.btn-primary-v2:hover{background:#e0f2fe}.btn-secondary-v2{color:#dbeafe;background:#ffffff14;border:1px solid rgba(191,219,254,.36)}.btn-secondary-v2:hover:not(:disabled){background:#ffffff29}.btn-secondary-v2:disabled{opacity:.65;cursor:progress}.campaign-sync-status{display:inline-flex;align-items:center;gap:7px;margin-top:11px;font-size:12px;font-weight:650}.campaign-sync-status>span{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff1a}.campaign-sync-status.live{color:#6ee7b7}.campaign-sync-status.polling{color:#fde68a}.campaign-sync-status small{margin-left:3px;color:#dbeafe;font-size:11px;font-weight:500}.campaign-stats-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mini-stat-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:62px;padding:9px 12px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 5px 12px #0f172a0a}.mini-stat-card:before{width:24px;height:3px;content:"";background:#2563eb;border-radius:3px}.mini-stat-card.success:before{background:#16a34a}.mini-stat-card.warning:before{background:#d97706}.mini-stat-card.leads:before{background:#7c3aed}.mini-label{color:#64748b;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mini-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.04em}.campaign-toolbar{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 15px #0f172a09}.campaign-search{display:flex;align-items:center;gap:8px;min-width:240px;padding:0 10px;color:#94a3b8;border:1px solid #cbd5e1;border-radius:9px}.campaign-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.campaign-search input{width:100%;min-height:36px;color:#1e293b;font-size:13px;background:transparent;border:0;outline:0}.campaign-filter-group{display:flex;flex:1;flex-wrap:wrap;gap:5px}.campaign-filter-group button{min-height:32px;padding:5px 9px;color:#64748b;font-size:11px;font-weight:750;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer}.campaign-filter-group button:hover{color:#1e3a5f;border-color:#bfdbfe}.campaign-filter-group button.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.campaign-sort{display:inline-flex;align-items:center;gap:7px;color:#64748b;font-size:12px;font-weight:700;white-space:nowrap}.campaign-sort select{min-height:34px;padding:5px 8px;color:#334155;font-size:12px;background:#fff;border:1px solid #cbd5e1;border-radius:7px}.campaigns-grid-v2{display:grid;width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:12px}.campaign-card-v2{display:flex;min-width:0;min-height:100%;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dbe4ef;border-radius:13px;box-shadow:0 7px 18px #0f172a0e;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.campaign-card-v2:hover{border-color:#93c5fd;box-shadow:0 14px 28px #0f172a1a;transform:translateY(-2px)}.campaign-card-v2.status-active,.campaign-card-v2.status-paused,.campaign-card-v2.status-stopped,.campaign-card-v2.status-draft{border-top:0}.card-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px 8px}.campaign-info{min-width:0}.name-row{display:flex;align-items:center;gap:6px;min-width:0}.campaign-name-v2{overflow:hidden;color:#0f172a;font-size:14px;font-weight:800;letter-spacing:-.015em;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.campaign-name-v2:hover{color:#1d4ed8}.tenant-tag{display:block;margin-top:4px;color:#64748b;font-size:10px}.type-icon{flex:0 0 auto}.campaign-type-badge{display:block;margin-top:7px}.campaign-type-badge .badge{padding:4px 8px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#b42318;background:#fee2e2}.badge-info{color:#475569;background:#f1f5f9}.badge-purple{color:#6d28d9;background:#ede9fe}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-orange{color:#c2410c;background:#ffedd5}.badge-teal{color:#0f766e;background:#ccfbf1}.card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:9px 12px;background:#f8fbff;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.metric{min-width:0;padding:0 9px;border-right:1px solid #e5edf6}.metric:first-child{padding-left:0}.metric:last-child{padding-right:0;border-right:0}.m-label{display:block;color:#7b8ba1;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.m-value{display:block;margin-top:3px;color:#172b4d;font-size:13px;font-weight:850}.m-value small{color:#6b7d93;font-size:9px;font-weight:700}.m-value-tag{display:block;max-width:100%;margin-top:4px;overflow:hidden;color:#334e68;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.campaign-runtime-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 12px 0}.campaign-runtime-metrics span{padding:5px 3px;color:#64748b;font-size:9px;text-align:center;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px}.campaign-runtime-metrics strong{display:block;margin-bottom:1px;color:#0f172a;font-size:12px}.card-progress{padding:9px 12px}.progress-labels,.progress-subtext{display:flex;justify-content:space-between;gap:8px}.p-text{color:#475569;font-size:10px;font-weight:700}.p-percent{color:#1d4ed8;font-size:10px;font-weight:800}.progress-bar-v2{height:5px;margin-top:5px;overflow:hidden;background:#e2e8f0;border-radius:999px}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:inherit}.progress-subtext{margin-top:5px;color:#64748b;font-size:9px}.progress-subtext strong{color:#334155}.card-actions-v2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#f8fafc;border-top:1px solid #eef2f7}.control-btns,.mgmt-btns{display:flex;align-items:center;gap:5px}.campaign-lifecycle{display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:4px 7px;font-size:9px;font-weight:800;border:1px solid;border-radius:6px;cursor:pointer}.campaign-lifecycle.start{color:#166534;background:#ecfdf5;border-color:#86efac}.campaign-lifecycle.pause{color:#92400e;background:#fffbeb;border-color:#fde68a}.campaign-lifecycle.stop{color:#b42318;background:#fef2f2;border-color:#fecaca}.btn-action-v2{display:grid;place-items:center;width:27px;height:27px;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;text-decoration:none}.btn-action-v2:hover{color:#1d4ed8;border-color:#93c5fd}.btn-action-v2.delete:hover{color:#fff;background:#dc2626;border-color:#dc2626}.empty-campaigns-container{padding:72px 24px;color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px}.empty-campaigns-container h3{margin:0 0 7px;color:#1e293b}.empty-campaigns-container p{margin:0}.filtered-empty{padding:45px 24px}.form-scoped-note p{margin:0;padding:11px 12px;color:#475569;font-size:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.campaign-editor-modal{max-width:650px}.campaign-editor-modal .modal-body{display:grid;gap:16px}.campaign-modal-intro{padding:13px 14px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:11px}.campaign-modal-intro p{margin:5px 0 0;color:#516175;font-size:12px;line-height:1.55}.campaign-modal-kicker,.campaign-form-section-title{color:#1d4ed8;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.campaign-form-section{padding:15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.campaign-form-section-title{color:#475569}.campaign-editor-modal .form-grid{gap:13px}.campaign-editor-modal .form-group label{color:#334155;font-size:12px;font-weight:750}.campaign-editor-modal .form-control{min-height:39px;border-color:#cbd5e1;border-radius:8px}.campaign-editor-modal .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.campaign-toggle{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:12px;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer}.campaign-toggle:hover{border-color:#93c5fd;background:#f8fbff}.campaign-toggle input{flex:0 0 auto;margin:3px 0 0;accent-color:#2563eb}.campaign-toggle span{display:grid;gap:3px}.campaign-toggle strong{font-size:12px}.campaign-toggle small{color:#64748b;font-size:11px;line-height:1.4}@media(max-width:960px){.campaign-stats-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-toolbar{align-items:stretch;flex-wrap:wrap}.campaign-search{flex:1 1 260px}.campaign-filter-group{order:3;flex-basis:100%}.campaign-sort{margin-left:auto}}@media(max-width:640px){.campaigns-page{gap:13px}.campaigns-page .page-header-v2{flex-direction:column;padding:20px}.campaigns-page .header-left h1{font-size:25px}.campaign-stats-overview{grid-template-columns:1fr 1fr;gap:9px}.mini-stat-card{padding:13px}.mini-value{font-size:24px}.campaign-toolbar{padding:10px}.campaign-search{flex-basis:100%}.campaign-sort{width:100%;margin:0}.campaign-sort select{flex:1}.campaigns-grid-v2{grid-template-columns:1fr}.card-header-v2,.card-metrics,.campaign-runtime-metrics,.card-progress,.card-actions-v2{padding-left:15px;padding-right:15px}.campaign-card-v2 .card-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 0}.campaign-card-v2 .metric:nth-child(2){border-right:0}}.campaign-create-v2-dialog,.campaign-create-v2-dialog *{box-sizing:border-box}.campaign-create-v2-dialog{display:flex;width:min(800px,calc(100vw - 32px));max-width:800px;max-height:calc(100vh - 32px);overflow:hidden;flex-direction:column;border-radius:12px;box-shadow:0 24px 64px #0f172a3d}.campaign-create-v2-dialog .modal-header{flex:0 0 auto;padding:20px 24px;background:#fff}.campaign-create-v2-dialog .modal-header h2{color:#0f172a;font-size:24px;font-weight:600;line-height:1.25}.campaign-create-v2-dialog .modal-body{display:grid;min-width:0;min-height:0;gap:24px;padding:24px;overflow-y:auto}.campaign-create-v2-intro{display:flex;align-items:center;min-width:0;gap:16px;padding:20px;color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:12px}.campaign-create-v2-intro>span{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;color:#1d4ed8;background:#eff6ff;border-radius:12px}.campaign-create-v2-intro>div{min-width:0}.campaign-create-v2-intro h3{margin:0;color:#fff;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.campaign-create-v2-intro p{margin:4px 0 0;color:#bfdbfe;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.campaign-create-v2-section{min-width:0;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.campaign-create-v2-heading{margin-bottom:20px}.campaign-create-v2-heading h4{margin:0;color:#0f172a;font-size:18px;font-weight:600;line-height:1.35}.campaign-create-v2-heading p{margin:4px 0 0;color:#64748b;font-size:14px;line-height:1.45}.campaign-create-v2-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.campaign-create-v2-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-create-v2-field{display:grid;min-width:0;grid-template-rows:minmax(40px,auto) 44px;align-items:end;gap:8px}.campaign-create-v2-field>span{color:#334155;font-size:14px;font-weight:500;line-height:20px;overflow-wrap:anywhere}.campaign-create-v2-field input,.campaign-create-v2-field select{width:100%;min-width:0;height:44px;padding:0 12px;color:#0f172a;font:inherit;font-size:14px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.campaign-create-v2-field input:hover,.campaign-create-v2-field select:hover{border-color:#94a3b8}.campaign-create-v2-field input:focus-visible,.campaign-create-v2-field select:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.campaign-create-v2-field.form-scoped-note p{display:flex;align-items:center;height:44px;margin:0;padding:0 12px}.campaign-create-v2-amd{display:flex;grid-column:1 / -1;align-items:center;min-width:0;min-height:68px;gap:12px;margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.campaign-create-v2-amd:hover{border-color:#94a3b8}.campaign-create-v2-amd:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.campaign-create-v2-amd.enabled{background:#eff6ff;border-color:#93c5fd}.campaign-create-v2-amd>input{position:absolute;width:1px;height:1px;opacity:0}.campaign-create-v2-amd>span:last-child{display:grid;min-width:0;gap:4px}.campaign-create-v2-amd strong{color:#0f172a;font-size:14px;font-weight:600}.campaign-create-v2-amd small{color:#64748b;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.campaign-create-v2-toggle{position:relative;flex:0 0 38px;width:38px;height:22px;background:#cbd5e1;border-radius:999px;transition:background .15s ease}.campaign-create-v2-toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0f172a40;transition:transform .15s ease}.campaign-create-v2-amd.enabled .campaign-create-v2-toggle{background:#2563eb}.campaign-create-v2-amd.enabled .campaign-create-v2-toggle i{transform:translate(16px)}.campaign-create-v2-dialog .modal-footer{flex:0 0 auto;padding:16px 24px;background:#fff}.campaign-create-v2-actions{display:flex;justify-content:flex-end;width:100%;gap:10px}.campaign-create-v2-cancel,.campaign-create-v2-save{min-height:40px;padding:9px 16px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;white-space:nowrap}.campaign-create-v2-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.campaign-create-v2-save{color:#fff;background:#2563eb;border:1px solid #2563eb}.campaign-create-v2-cancel:hover{background:#f8fafc;border-color:#94a3b8}.campaign-create-v2-save:hover{background:#1d4ed8;border-color:#1d4ed8}.campaign-create-v2-cancel:focus-visible,.campaign-create-v2-save:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.campaign-create-v2-save i{margin-right:6px}.campaign-create-v2-dialog .modal-close:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}@media(max-width:700px){.campaign-create-v2-dialog{width:min(100%,calc(100vw - 24px));max-height:calc(100vh - 24px)}.campaign-create-v2-dialog .modal-header,.campaign-create-v2-dialog .modal-body,.campaign-create-v2-dialog .modal-footer{padding-left:16px;padding-right:16px}.campaign-create-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.campaign-create-v2-grid,.campaign-create-v2-profile-grid{grid-template-columns:minmax(0,1fr)}}.campaign-edit-v2-dialog,.campaign-edit-v2-dialog *{box-sizing:border-box}.campaign-edit-v2-dialog{display:flex;width:min(800px,calc(100vw - 32px));max-width:800px;height:min(760px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;flex-direction:column;border-radius:12px;box-shadow:0 24px 64px #0f172a3d}.campaign-edit-v2-dialog .modal-header{flex:0 0 auto;padding:20px 24px;background:#fff}.campaign-edit-v2-dialog .modal-header h2{min-width:0;margin-right:16px;color:#0f172a;font-size:24px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.campaign-edit-v2-dialog .modal-close:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.campaign-edit-v2-dialog .modal-body{display:grid;min-width:0;min-height:0;padding:24px;overflow-x:hidden;overflow-y:auto}.campaign-edit-v2-summary{display:grid;min-width:0;gap:24px;padding:24px;color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:12px}.campaign-edit-v2-identity{display:flex;align-items:center;min-width:0;gap:16px}.campaign-edit-v2-identity>span{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;color:#1d4ed8;background:#eff6ff;border-radius:12px}.campaign-edit-v2-identity>div{min-width:0}.campaign-edit-v2-identity small{display:block;color:#bfdbfe;font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;overflow-wrap:anywhere}.campaign-edit-v2-identity h3{margin:4px 0 0;color:#fff;font-size:20px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.campaign-edit-v2-meta{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.campaign-edit-v2-meta>div{min-width:0;padding:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px}.campaign-edit-v2-meta span,.campaign-edit-v2-meta strong{display:block;overflow-wrap:anywhere;word-break:break-word}.campaign-edit-v2-meta span{margin-bottom:8px;color:#bfdbfe;font-size:12px;font-weight:500;line-height:1.35}.campaign-edit-v2-meta strong{color:#fff;font-size:14px;font-weight:600;line-height:1.45;text-transform:capitalize}.campaign-edit-v2-meta strong.is-active{color:#86efac}.campaign-edit-v2-meta strong.is-paused{color:#fde68a}.campaign-edit-v2-meta strong.is-stopped{color:#fca5a5}.campaign-edit-v2-settings{min-width:0;padding-top:24px}.campaign-edit-v2-heading{display:flex;align-items:flex-start;min-width:0;gap:16px;margin-bottom:20px}.campaign-edit-v2-heading>div{min-width:0}.campaign-edit-v2-heading h4{margin:0;color:#0f172a;font-size:18px;font-weight:600;line-height:1.35}.campaign-edit-v2-heading p{margin:4px 0 0;color:#64748b;font-size:14px;line-height:1.45}.campaign-edit-v2-grid{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.campaign-edit-v2-grid>label:not(.campaign-edit-v2-amd){display:grid;min-width:0;grid-template-rows:minmax(40px,auto) 44px;align-items:end;gap:8px}.campaign-edit-v2-grid>label>span{color:#334155;font-size:14px;font-weight:500;line-height:20px;overflow-wrap:anywhere}.campaign-edit-v2-grid input:not([type=checkbox]),.campaign-edit-v2-grid select{width:100%;min-width:0;height:44px;padding:0 12px;color:#0f172a;font:inherit;font-size:14px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.campaign-edit-v2-grid input:not([type=checkbox]):hover,.campaign-edit-v2-grid select:hover{border-color:#94a3b8}.campaign-edit-v2-grid input:focus-visible,.campaign-edit-v2-grid select:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.campaign-edit-v2-amd{display:flex;grid-column:1 / -1;align-items:center;min-width:0;min-height:68px;gap:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.campaign-edit-v2-amd:hover{border-color:#94a3b8}.campaign-edit-v2-amd:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.campaign-edit-v2-amd.enabled{background:#eff6ff;border-color:#93c5fd}.campaign-edit-v2-amd>input{position:absolute;width:1px;height:1px;opacity:0}.campaign-edit-v2-amd>span:last-child{display:grid;min-width:0;gap:4px}.campaign-edit-v2-amd strong,.campaign-edit-v2-amd small{overflow-wrap:anywhere}.campaign-edit-v2-amd strong{color:#0f172a;font-size:14px;font-weight:600}.campaign-edit-v2-amd small{color:#64748b;font-size:13px}.campaign-edit-v2-toggle{position:relative;flex:0 0 38px;width:38px;height:22px;background:#cbd5e1;border-radius:999px;transition:background .15s ease}.campaign-edit-v2-toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0f172a40;transition:transform .15s ease}.campaign-edit-v2-amd.enabled .campaign-edit-v2-toggle{background:#2563eb}.campaign-edit-v2-amd.enabled .campaign-edit-v2-toggle i{transform:translate(16px)}.campaign-edit-v2-dialog .modal-footer{flex:0 0 auto;padding:16px 24px;background:#fff}.campaign-edit-v2-actions{display:flex;align-items:center;justify-content:flex-end;width:100%;min-width:0;gap:16px}.campaign-edit-v2-actions>span{display:flex;align-items:center;min-width:0;margin-right:auto;color:#64748b;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.campaign-edit-v2-actions>span i{margin-right:6px;color:#16a34a}.campaign-edit-v2-actions>div{display:flex;flex:0 0 auto;gap:10px}.campaign-edit-v2-cancel,.campaign-edit-v2-save{min-height:40px;padding:9px 16px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.campaign-edit-v2-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.campaign-edit-v2-cancel:hover{background:#f8fafc;border-color:#94a3b8}.campaign-edit-v2-save{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 1px 2px #0f172a14}.campaign-edit-v2-save:hover{background:#1d4ed8;border-color:#1d4ed8}.campaign-edit-v2-cancel:focus-visible,.campaign-edit-v2-save:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.campaign-edit-v2-save i{margin-right:6px}.campaign-card-v2{position:relative;height:100%;background:radial-gradient(circle at 100% 0%,rgba(37,99,235,.06),transparent 12rem),#fff;border-color:#d7e3f0;box-shadow:0 10px 24px #0f172a12}.campaign-card-v2:before{position:absolute;inset:0 0 auto;height:3px;content:"";background:linear-gradient(90deg,#2563eb,#38bdf8);opacity:.85}.campaign-card-v2.status-active:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.campaign-card-v2.status-inactive:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.campaign-card-v2.status-draft:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.campaign-card-v2 .card-header-v2{min-height:72px;padding:17px 15px 11px;background:linear-gradient(180deg,#fffffffa,#f8fbffeb)}.campaign-card-v2 .campaign-name-v2{font-size:15px}.campaign-card-v2 .tenant-tag{color:#718096}.campaign-card-v2 .type-icon{padding-top:1px}.campaign-card-v2 .card-metrics{grid-template-columns:repeat(4,minmax(0,1fr));min-height:64px;padding:11px 15px;background:#f8fbffe6}.campaign-card-v2 .metric{padding:0 8px}.campaign-card-v2 .campaign-runtime-metrics{min-height:57px;padding-left:15px;padding-right:15px}.campaign-card-v2 .campaign-runtime-metrics span{padding:7px 3px;transition:background .15s ease,border-color .15s ease}.campaign-card-v2 .card-progress{min-height:78px;padding:12px 15px}.campaign-card-v2 .progress-fill{background:linear-gradient(90deg,#2563eb,#06b6d4)}.campaign-card-v2.status-active .progress-fill{background:linear-gradient(90deg,#16a34a,#22c55e)}.campaign-card-v2 .card-actions-v2{min-height:48px;margin-top:auto;padding:10px 15px;background:#f8fafce6}.campaign-card-v2 .campaign-runtime-metrics span:hover{background:#eff6ff;border-color:#bfdbfe}.campaign-card-v2 .campaign-lifecycle{transition:transform .15s ease,box-shadow .15s ease}.campaign-card-v2 .campaign-lifecycle:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.campaign-card-v2 .campaign-lifecycle.pause{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.campaign-card-v2 .campaign-lifecycle.start{color:#166534;background:#ecfdf5;border-color:#86efac}.campaign-agent-assignment{border-top:1px solid #e2e8f0}.campaign-agent-count{margin-left:8px;padding:3px 8px;color:#1d4ed8;background:#dbeafe;border-radius:999px;font-size:11px;font-weight:700;vertical-align:middle}.campaign-agent-toolbar{display:flex;gap:10px;margin-bottom:12px}.campaign-agent-toolbar input{flex:1;min-width:0;height:42px;padding:0 12px;color:#0f172a;font:inherit;font-size:14px;border:1px solid #cbd5e1;border-radius:8px}.campaign-agent-toolbar button{flex:0 0 auto;padding:0 13px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.campaign-agent-toolbar button:disabled{cursor:not-allowed;opacity:.55}.campaign-agent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;overflow-y:auto;gap:8px;padding:2px}.campaign-agent-row{display:flex;align-items:center;min-width:0;gap:9px;padding:9px 10px;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer}.campaign-agent-row.selected{border-color:#93c5fd;background:#eff6ff}.campaign-agent-row input{flex:0 0 auto;width:16px;height:16px;accent-color:#2563eb}.campaign-agent-avatar{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;color:#1d4ed8;background:#dbeafe;border-radius:50%;font-size:12px;font-weight:700}.campaign-agent-copy{display:grid;min-width:0;gap:2px}.campaign-agent-copy strong,.campaign-agent-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-agent-copy strong{color:#0f172a;font-size:13px}.campaign-agent-copy small{color:#64748b;font-size:11px}.campaign-agent-empty{grid-column:1 / -1;margin:8px 0;color:#64748b;font-size:13px;text-align:center}@media(max-width:700px){.campaign-edit-v2-dialog{width:min(100%,calc(100vw - 24px));height:min(760px,calc(100vh - 24px));max-height:calc(100vh - 24px)}.campaign-edit-v2-dialog .modal-header,.campaign-edit-v2-dialog .modal-body,.campaign-edit-v2-dialog .modal-footer{padding-left:16px;padding-right:16px}.campaign-edit-v2-summary{padding:20px}.campaign-edit-v2-meta,.campaign-edit-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-agent-list{grid-template-columns:minmax(0,1fr)}}@media(min-width:1200px){.campaigns-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.campaign-edit-v2-meta,.campaign-edit-v2-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.campaign-edit-v2-dialog{width:100%;height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.campaign-edit-v2-dialog .modal-header h2{font-size:24px}.campaign-edit-v2-meta,.campaign-edit-v2-grid{grid-template-columns:minmax(0,1fr)}.campaign-edit-v2-actions{align-items:flex-start;flex-direction:column}.campaign-edit-v2-actions>span{margin-right:0}.campaign-edit-v2-actions>div{align-self:stretch;justify-content:flex-end;width:100%}}.campaign-detail{display:grid;gap:18px;max-width:1440px;padding:4px;color:#172033}.campaign-detail-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 27px;overflow:hidden;color:#eff6ff;background:radial-gradient(circle at 88% 15%,rgba(56,189,248,.3),transparent 18rem),linear-gradient(125deg,#082f49,#123d68);border-radius:18px;box-shadow:0 16px 34px #0f2e4b2e}.campaign-header-info{min-width:0}.campaign-header-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 9px;color:#dbeafe;font-size:11px;font-weight:750;text-decoration:none;background:#ffffff1a;border:1px solid rgba(191,219,254,.28);border-radius:7px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.campaign-header-back:hover{color:#fff;background:#ffffff2e;border-color:#bfdbfe8c;transform:translate(-2px)}.campaign-header-back i{font-size:10px}.campaign-detail-eyebrow,.section-kicker{display:block;color:#7dd3fc;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.campaign-header-info h1{margin:5px 0 0;overflow:hidden;color:#fff;font-size:clamp(24px,3vw,31px);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.campaign-tenant{margin:7px 0 0;color:#dbeafe;font-size:13px}.campaign-actions{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.campaign-actions .badge{margin-right:3px}.campaign-actions .btn{min-height:37px;padding:8px 12px;font-size:12px;font-weight:750;border-radius:8px}.realtime-monitor,.pacing-panel{padding:19px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 8px 20px #0f172a0b}.panel-heading,.pacing-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading h3,.pacing-header h3{margin:4px 0 0;color:#172033;font-size:16px;letter-spacing:-.015em}.section-kicker{color:#2563eb}.live-refresh{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;color:#16744b;font-size:11px;font-weight:700;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;white-space:nowrap}.live-refresh i{width:6px;height:6px;background:#16a34a;border-radius:50%;box-shadow:0 0 0 4px #16a34a1f}.realtime-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e5edf6;border-radius:11px;overflow:hidden}.realtime-item{display:grid;gap:5px;min-width:0;padding:15px 12px;background:#fbfdff;border-right:1px solid #e5edf6}.realtime-item:last-child{border-right:0}.realtime-item.live{background:#eff6ff}.realtime-item.success{background:#f0fdf4}.realtime-value{color:#172033;font-size:24px;font-weight:800;letter-spacing:-.045em}.realtime-item.live .realtime-value{color:#1d4ed8}.realtime-item.success .realtime-value{color:#15803d}.realtime-label{overflow:hidden;color:#66758a;font-size:10px;font-weight:800;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pacing-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;-moz-column-gap:20px;column-gap:20px}.pacing-header{margin:0}.pacing-header .btn{color:#334155;font-size:11px;background:#f8fafc;border-color:#cbd5e1}.pacing-metrics{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));grid-column:1 / -1;gap:8px;margin-top:14px}.pacing-metric{display:grid;gap:4px;padding:12px;background:#f8fafc;border:1px solid #e8eef5;border-radius:9px}.metric-value{color:#172033;font-size:20px;font-weight:800;letter-spacing:-.035em}.metric-label{color:#718096;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pacing-panel>.btn-primary{justify-self:end;min-height:36px;padding:8px 12px;font-size:12px;font-weight:750;border-radius:8px}.campaign-info-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.info-card{min-width:0;padding:13px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 13px #0f172a08}.info-card label{display:block;margin-bottom:6px;overflow:hidden;color:#718096;font-size:9px;font-weight:850;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.info-value{overflow:hidden;color:#1e293b;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.info-value .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:10px}.stat-card{position:relative;min-width:0;padding:14px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 13px #0f172a08}.stat-card:before{position:absolute;top:0;left:0;width:100%;height:3px;content:"";background:#2563eb}.stat-card.stat-pending:before{background:#d97706}.stat-card.stat-progress:before{background:#0ea5e9}.stat-card.stat-completed:before,.stat-card.stat-answered:before{background:#16a34a}.stat-card.stat-failed:before{background:#dc2626}.stat-label{overflow:hidden;color:#718096;font-size:9px;font-weight:850;letter-spacing:.065em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-value{margin-top:8px;color:#172033;font-size:25px;font-weight:800;line-height:1;letter-spacing:-.045em}.tabs{display:flex;gap:5px;padding:5px;background:#eef3f8;border-radius:10px;width:-moz-fit-content;width:fit-content}.tab{min-height:34px;padding:7px 13px;color:#64748b;font-size:12px;font-weight:750;background:transparent;border:0;border-radius:7px;cursor:pointer}.tab:hover{color:#1e3a5f}.tab.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 6px #0f172a1a}.leads-section,.attempts-section,.lists-section{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 6px 16px #0f172a09}.detail-table{width:100%;min-width:650px;border-collapse:collapse}.detail-table thead{background:#f8fafc}.detail-table th,.detail-table td{padding:13px 16px;color:#475569;font-size:12px;text-align:left;border-bottom:1px solid #eef2f7}.detail-table th{color:#718096;font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.detail-table tbody tr:last-child td{border-bottom:0}.detail-table tbody tr:hover{background:#f8fbff}.phone-cell,.list-name{color:#1e293b!important;font-weight:750}.stat-number{color:#2563eb!important;font-weight:750}.stat-badge{display:inline-flex;padding:4px 8px;color:#1d4ed8;font-size:11px;font-weight:800;background:#eff6ff;border-radius:999px}.campaign-detail .badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize}.campaign-detail .badge-success{color:#166534;background:#dcfce7}.campaign-detail .badge-warning{color:#92400e;background:#fef3c7}.campaign-detail .badge-danger{color:#b42318;background:#fee2e2}.campaign-detail .badge-info{color:#1d4ed8;background:#dbeafe}.campaign-detail .badge-secondary{color:#475569;background:#f1f5f9}.campaign-detail .badge-purple{color:#6d28d9;background:#ede9fe}@media(max-width:1180px){.realtime-grid{grid-template-columns:repeat(3,1fr)}.realtime-item:nth-child(3){border-right:0}.realtime-item:nth-child(-n+3){border-bottom:1px solid #e5edf6}.campaign-info-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.campaign-detail{gap:13px}.campaign-detail-header{align-items:flex-start;flex-direction:column;padding:21px}.campaign-header-info h1{max-width:100%;font-size:25px}.campaign-actions{justify-content:flex-start}.realtime-monitor,.pacing-panel{padding:15px}.pacing-panel{grid-template-columns:1fr;gap:13px}.pacing-header{margin:0}.pacing-panel>.btn-primary{justify-self:stretch}.campaign-info-grid,.stats-grid,.pacing-metrics,.realtime-grid{grid-template-columns:repeat(2,1fr)}.realtime-item{border-right:1px solid #e5edf6;border-bottom:1px solid #e5edf6}.realtime-item:nth-child(2n){border-right:0}.realtime-item:nth-last-child(-n+2){border-bottom:0}.realtime-item:nth-child(3){border-right:1px solid #e5edf6}.panel-heading{align-items:flex-start}.live-refresh{padding:5px 7px;font-size:10px}.tabs{width:100%}.tab{flex:1;padding-left:8px;padding-right:8px}.detail-table th,.detail-table td{padding:12px}}@media(max-width:420px){.campaign-actions .btn{flex:1}.campaign-actions{width:100%}.panel-heading{flex-direction:column}.realtime-grid{grid-template-columns:1fr 1fr}.stat-value,.realtime-value{font-size:22px}}.leads-page{display:grid;width:100%;min-width:0;max-width:100%;gap:18px;padding:4px;color:#152238}.leads-page .page-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.leads-page .header-left h1{margin:0;color:#fff;font-size:28px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.leads-page .header-left p{max-width:680px;margin:7px 0 0;color:#dbeafe;font-size:15px;line-height:1.55}.leads-page .header-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.leads-page .btn-primary-v2,.leads-page .btn-secondary-v2{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leads-page .btn-primary-v2{color:#082f49;background:#f8fafc;box-shadow:none}.leads-page .btn-primary-v2:hover{background:#e0f2fe;transform:translateY(-1px)}.leads-page .btn-secondary-v2{color:#dbeafe;background:#ffffff14;border-color:#bfdbfe5c}.leads-page .btn-secondary-v2:hover{border-color:#bfdbfe99;background:#ffffff29}.leads-page .leads-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.leads-page .mini-stat-card{min-width:0;min-height:68px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 14px #0f172a0a}.leads-page .mini-stat-card.highlight{border-top:3px solid #3b82f6}.leads-page .mini-stat-card.success{border-top:3px solid #16a34a}.leads-page .mini-stat-card.linked{border-top:3px solid #7c3aed}.leads-page .mini-label{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.leads-page .mini-value{color:#0f172a;font-size:22px;font-weight:750;line-height:1.1;letter-spacing:-.03em}.leads-page .lists-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.leads-page .list-card-v2{min-width:0;display:grid;grid-template-columns:1fr;align-items:stretch;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#fbfdff);border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 16px #0f172a0b;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.leads-page .list-card-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#38bdf8,#2563eb);opacity:.9}.leads-page .list-card-v2.active:before{background:linear-gradient(180deg,#34d399,#16a34a)}.leads-page .list-card-v2.inactive:before{background:linear-gradient(180deg,#cbd5e1,#64748b)}.leads-page .list-card-v2:hover{border-color:#bfdbfe;box-shadow:0 16px 34px #1e40af1f;transform:translateY(-3px)}.leads-page .list-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 11px 8px 15px;background:linear-gradient(135deg,#eff6ffb8,#ffffff2e);border-right:0;border-bottom:1px solid #eef2f7}.leads-page .list-title-group{min-width:0}.leads-page .list-title-group h3{margin:0 0 3px;overflow-wrap:anywhere;color:#111827;font-size:13px;font-weight:750;line-height:1.3;cursor:pointer}.leads-page .list-title-group h3:hover{color:#2563eb}.leads-page .list-title-group h3:before{content:"▦";display:inline-grid;width:22px;height:22px;margin-right:8px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:8px;font-size:12px;vertical-align:-4px}.leads-page .status-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.leads-page .status-pill.online{color:#166534;background:#dcfce7}.leads-page .status-pill.offline{color:#475569;background:#f1f5f9}.leads-page .list-id-tag{flex-shrink:0;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.leads-page .list-card-body{display:grid;grid-template-columns:1fr;align-content:center;align-items:center;gap:5px 8px;min-width:0;padding:9px 11px}.leads-page .list-description{grid-column:1;min-width:0;min-height:0;margin:0;color:#64748b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.leads-page .list-meta-grid{grid-column:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}.leads-page .meta-item{min-width:0;display:grid;gap:2px;padding:4px 6px;background:#f8fafc;border:1px solid #eef2f7;border-radius:6px}.leads-page .m-label{color:#94a3b8;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.leads-page .m-value{color:#1e293b;font-size:12px;font-weight:750}.leads-page .m-value i{margin-right:5px;color:#64748b;font-size:13px}.leads-page .attached-campaigns-tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:7px}.leads-page .c-tag{max-width:100%;overflow-wrap:anywhere;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:700}.leads-page .c-tag-more{color:#64748b;padding:4px 0;font-size:11px;font-weight:650}.leads-page .list-card-actions{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;background:linear-gradient(180deg,#f8fbff,#f1f5f9);border-left:0;border-top:1px solid #eef2f7}.leads-page .primary-actions,.leads-page .secondary-actions{display:flex;gap:8px}.leads-page .btn-list-action{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.leads-page .btn-list-action.view{color:#fff;background:#2563eb}.leads-page .btn-list-action.view:hover{background:#1d4ed8}.leads-page .btn-list-action.import{color:#334155;background:#fff;border-color:#dbe3ef}.leads-page .btn-list-action.import:hover{color:#1d4ed8;border-color:#93c5fd}.leads-page .btn-list-action.attach{color:#475569;background:#eef2f7}.leads-page .btn-list-action.delete{color:#dc2626;background:#fff1f2}.leads-page .btn-list-action.delete:hover{background:#ffe4e6}.leads-page .empty-leads-container{padding:80px 24px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px}.leads-page .empty-icon{margin-bottom:16px;color:#93c5fd;font-size:42px}.leads-page .empty-leads-container h3{margin:0 0 8px;color:#1e293b;font-size:20px}.leads-page .empty-leads-container p{margin:0;color:#64748b}.leads-page .empty-leads-container .btn{margin-top:16px}.leads-import-dialog,.leads-import-dialog *{box-sizing:border-box}.leads-import-dialog{display:flex;flex-direction:column;width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100vh - 32px);min-height:0;overflow:hidden;border-radius:14px;box-shadow:0 24px 64px #0f172a38}.leads-import-dialog .modal-header{flex:0 0 auto;padding:20px 24px}.leads-import-dialog .modal-heading{min-width:0}.leads-import-dialog .modal-header-icon{display:grid;flex:0 0 38px;width:38px;height:38px;margin-right:11px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:11px;font-size:15px}.leads-import-dialog .modal-title-group{min-width:0}.leads-import-dialog .modal-title-group h2{font-size:20px}.leads-import-dialog .modal-title-group p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.leads-import-dialog .modal-body{display:grid;flex:1 1 auto;min-width:0;min-height:0;gap:12px;padding:18px 22px;overflow-y:auto}.leads-import-dialog .modal-footer{flex:0 0 auto;padding:16px 24px;background:#f8fafc}.leads-import-intro{display:flex;align-items:flex-start;gap:10px;padding:12px;color:#1e3a5f;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:11px}.leads-import-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:10px}.leads-import-intro strong{display:block;color:#1e3a5f;font-size:14px}.leads-import-intro p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.5}.leads-import-step{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#334155;background:linear-gradient(135deg,#f8fbff,#f8fafc);border:1px solid #dbeafe;border-radius:11px}.leads-import-step>span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;color:#1d4ed8;background:#dbeafe;border-radius:50%;font-size:12px;font-weight:800}.leads-import-step>div{display:grid;gap:2px;min-width:0}.leads-import-step strong{font-size:12px}.leads-import-step strong i{margin-right:5px;color:#2563eb}.leads-import-step small{color:#64748b;font-size:11px;line-height:1.4}.leads-import-step .step-arrow{margin-left:auto;color:#93c5fd;font-size:12px}.leads-import-dialog .upload-info{display:grid;gap:10px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.leads-import-dialog .upload-info>div{display:grid;gap:4px}.leads-import-dialog .upload-info strong{color:#334155;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.leads-import-dialog .upload-info span{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow-wrap:anywhere}.leads-import-dialog .import-rules-content{display:grid;gap:8px}.leads-import-dialog .import-rule-list{display:flex;flex-wrap:wrap;gap:6px}.leads-import-dialog .import-rule-list span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-family:inherit;font-size:11px;font-weight:650}.leads-import-dialog .import-rule-list i{color:#2563eb;font-size:10px}.leads-import-dialog .csv-example{margin:0;overflow-x:auto;padding:11px 12px;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6}.leads-import-dialog .leads-import-field{display:grid;gap:8px;margin:0}.leads-import-dialog .leads-import-field label{margin:0;color:#334155;font-size:13px;font-weight:750}.leads-import-dialog .leads-import-field .form-control{min-height:42px;border-color:#cbd5e1;border-radius:9px}.leads-import-file-source{display:grid;gap:6px;padding:10px 12px;background:#f8fafc;border:1px dashed #93c5fd;border-radius:10px}.leads-import-file-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.leads-import-file-heading>div{display:grid;gap:3px;min-width:0}.leads-import-file-heading strong{color:#334155;font-size:13px}.leads-import-file-heading span{color:#64748b;font-size:11px}.leads-import-file-heading input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.leads-import-file-button{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:8px 11px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:12px;font-weight:750;cursor:pointer}.leads-import-file-button:hover{background:#dbeafe}.leads-import-file-name{color:#64748b;font-size:12px;overflow-wrap:anywhere}.leads-import-download{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.leads-import-download>div{display:grid;gap:3px;min-width:0}.leads-import-download strong{color:#334155;font-size:12px}.leads-import-download span{color:#64748b;font-size:11px}.leads-import-download-button{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;color:#475569;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}.leads-import-download-button:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.leads-import-actions{display:flex;justify-content:flex-end;gap:9px;width:100%}.leads-import-cancel,.leads-import-submit{min-height:40px;padding:9px 15px;border-radius:8px;font-size:13px;font-weight:750;cursor:pointer}.leads-import-cancel{color:#334155;background:#fff;border:1px solid #cbd5e1}.leads-import-cancel:hover{background:#f8fafc;border-color:#94a3b8}.leads-import-submit{color:#fff;background:#2563eb;border:1px solid #2563eb}.leads-import-submit:hover:not(:disabled){background:#1d4ed8}.leads-import-submit:disabled{opacity:.55;cursor:not-allowed}.leads-import-cancel:focus-visible,.leads-import-submit:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.invalid-import-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 14px;color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px}.invalid-import-summary>div{display:grid;gap:3px;min-width:0}.invalid-import-summary strong{font-size:13px}.invalid-import-summary span{color:#a16207;font-size:11px}.invalid-import-download{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;color:#92400e;background:#fff;border:1px solid #f59e0b;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}.invalid-import-download:hover{color:#78350f;background:#fef3c7}@media(max-width:560px){.leads-import-dialog{width:min(100%,calc(100vw - 16px));max-height:calc(100vh - 16px)}.leads-import-dialog .modal-header{padding:12px 14px}.leads-import-dialog .modal-body{gap:10px;padding:12px 14px}.leads-import-dialog .modal-footer{padding:10px 14px}.leads-import-actions>button{flex:1}.leads-import-file-heading,.leads-import-download{align-items:stretch;flex-direction:column}.leads-import-file-button,.leads-import-download-button{justify-content:center}.invalid-import-summary{align-items:stretch;flex-direction:column}.invalid-import-download{justify-content:center}}@media(max-height:700px)and (min-width:561px){.leads-import-dialog .modal-header{padding-top:12px;padding-bottom:12px}.leads-import-dialog .modal-body{gap:8px;padding-top:12px;padding-bottom:12px}.leads-import-dialog .modal-footer{padding-top:10px;padding-bottom:10px}.leads-import-dialog .leads-import-intro{padding:9px 11px}.leads-import-dialog .leads-import-step>span{width:22px;height:22px;flex-basis:22px}.leads-import-dialog .upload-info{padding:9px 11px}.leads-import-dialog .leads-import-file-source{padding:8px 10px}.leads-import-dialog .leads-import-download{padding:9px 11px}}@media(max-width:760px){.leads-page{padding:24px 16px 36px}.leads-page .page-header-v2{align-items:stretch;flex-direction:column;gap:18px}.leads-page .header-actions{width:100%}.leads-page .header-actions>button{flex:1}.leads-page .leads-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leads-page .list-card-v2{display:flex;flex-direction:column}.leads-page .list-card-header{border-right:0;border-bottom:1px solid #eef2f7}.leads-page .list-card-actions{min-width:0;flex-direction:row;border-top:1px solid #eef2f7;border-left:0}}@media(max-width:1100px)and (min-width:761px){.leads-page .lists-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.leads-page .list-card-body{grid-template-columns:minmax(0,1fr)}.leads-page .list-description,.leads-page .list-meta-grid{grid-column:1}.leads-page .list-card-actions{align-items:stretch;flex-direction:column}.leads-page .primary-actions,.leads-page .secondary-actions{width:100%}.leads-page .primary-actions>button{flex:1}.leads-page .secondary-actions{justify-content:flex-end}}.leads-page .btn-list-action.pause{color:#92400e;background:#fffbeb;border-color:#fde68a}.leads-page .btn-list-action.pause:hover{color:#78350f;background:#fef3c7}.leads-page .btn-list-action.enable{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.leads-page .btn-list-action.enable:hover{color:#14532d;background:#dcfce7}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-icon{padding:6px;width:32px;height:32px;justify-content:center}.agents-page{padding:24px;animation:fadeIn .4s ease-out}.agents-status-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.mini-stat-card small{font-size:11px;color:#94a3b8;font-weight:500}.workspace-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:12px;flex:1}.view-mode-toggle{display:flex;background:#fff;padding:4px;border-radius:10px;border:1px solid #e2e8f0}.mode-btn{width:34px;height:34px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:7px;transition:all .2s}.mode-btn.active{background:#0ea5e9;color:#fff}.filter-group-v2{display:flex;gap:12px}.select-v2{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#475569;background:#fff;min-width:140px}.agents-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.agent-card-v2{background:#fff;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.agent-card-v2:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a}.card-header-v2{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.agent-identity{display:flex;align-items:center;gap:12px}.agent-avatar-v2{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;position:relative}.status-pulse{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.status-pulse.ready{background:#10b981;box-shadow:0 0 8px #10b981}.status-pulse.in_call{background:#ef4444;box-shadow:0 0 8px #ef4444}.status-pulse.paused{background:#f59e0b}.agent-name-group h3{font-size:15px;font-weight:700;color:#1e293b;margin:0}.agent-name-group span{font-size:11px;color:#94a3b8;font-family:monospace}.agent-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item .value{font-weight:700;color:#1e293b;font-size:14px}.meta-item .value-tag{background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.meta-item .value-tag.primary{background:#eff6ff;color:#2563eb}.meta-item .value-text{font-size:13px;color:#475569;font-weight:500}.card-footer-v2{padding:16px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:10px}.btn-agent-action{flex:1;border:1px solid #e2e8f0;background:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;color:#64748b}.btn-agent-action:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.btn-agent-action.delete:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.agent-table-info{display:flex;align-items:center;gap:12px}.agent-mini-avatar{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b}.agent-name-cell{display:flex;flex-direction:column}.agent-name-cell strong{font-size:14px;color:#1e293b}.agent-name-cell span{font-size:11px;color:#94a3b8}.id-code{background:#f8fafc;padding:2px 6px;border-radius:4px;color:#6366f1;font-weight:600}.group-pill{background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#475569}.table-actions-group{display:flex;gap:4px;justify-content:flex-end}.btn-icon-v2{width:28px;height:28px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:6px;transition:all .2s}.btn-icon-v2:hover{background:#f1f5f9;color:#2563eb}.btn-icon-v2.delete:hover{color:#ef4444}.pagination-v2{margin-top:32px;display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.btn-nav-v2{width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.btn-nav-v2:disabled{opacity:.4;cursor:not-allowed}.btn-nav-v2:hover:not(:disabled){border-color:#0ea5e9;color:#0ea5e9}.page-count{font-size:13px;font-weight:700;color:#475569;padding:0 16px}.status-active .status-dot{background:#10b981}.status-ready .status-dot{background:#10b981;box-shadow:0 0 10px #10b981}.status-in_call .status-dot{background:#ef4444;box-shadow:0 0 10px #ef4444}@media(max-width:768px){.workspace-controls{flex-direction:column;align-items:stretch}.filter-group-v2{grid-template-columns:1fr}.agents-status-hub{grid-template-columns:1fr 1fr}}.agents-page{display:grid;width:100%;min-width:0;max-width:100%;gap:18px;padding:4px;color:#152238}.agents-page .page-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.agents-page .header-left h1{margin:0;color:#fff;font-size:28px;letter-spacing:-.035em}.agents-page .header-left p{margin:7px 0 0;color:#dbeafe;font-size:14px}.agents-page .header-actions{display:flex;flex-wrap:wrap;gap:9px}.agents-page .btn-primary-v2,.agents-page .btn-secondary-v2{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.agents-page .btn-primary-v2{color:#082f49;background:#f8fafc;border:0}.agents-page .btn-primary-v2:hover{background:#e0f2fe}.agents-page .btn-secondary-v2{color:#dbeafe;background:#ffffff14;border:1px solid rgba(191,219,254,.36)}.agents-page .btn-secondary-v2:hover{background:#ffffff29}.agents-page .agents-status-hub{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0}.agents-page .mini-stat-card{position:relative;display:grid;gap:7px;min-height:96px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 18px #0f172a0b}.agents-page .mini-stat-card:before{width:28px;height:3px;content:"";background:#2563eb;border-radius:3px}.agents-page .mini-stat-card.success:before{background:#16a34a}.agents-page .mini-stat-card.highlight:before{background:#dc2626}.agents-page .mini-stat-card.warning:before{background:#d97706}.agents-page .mini-label{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.agents-page .mini-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1;letter-spacing:-.04em}.agents-page .mini-value small{color:#64748b;font-size:11px;font-weight:650;letter-spacing:0}.agents-page .workspace-controls{display:flex;align-items:center;gap:12px;margin:0;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 15px #0f172a09}.agents-page .control-group{min-width:0}.agents-page .search-box-v2{display:flex;flex:1;align-items:center;gap:8px;min-width:240px;padding:0 10px;color:#94a3b8;border:1px solid #cbd5e1;border-radius:9px}.agents-page .search-box-v2:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.agents-page .search-box-v2 input{width:100%;min-height:36px;color:#1e293b;font-size:13px;background:transparent;border:0;outline:0}.agents-page .view-mode-toggle{display:inline-flex;flex-shrink:0;padding:3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.agents-page .mode-btn{width:32px;height:30px;border-radius:7px}.agents-page .mode-btn.active{color:#fff;background:#2563eb}.agents-page .filter-group-v2{display:flex;flex-wrap:wrap;gap:8px}.agents-page .select-v2{min-height:36px;padding:7px 10px;border-color:#cbd5e1;border-radius:8px;font-size:12px}.agents-page .agents-grid-v2{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:16px}.agents-page .agent-card-v2{min-width:0;border-radius:16px;box-shadow:0 9px 20px #0f172a0d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.agents-page .agent-card-v2:hover{border-color:#bfdbfe;box-shadow:0 14px 28px #0f172a17;transform:translateY(-2px)}.agents-page .agent-card-v2.status-active,.agents-page .agent-card-v2.status-ready{border-top:4px solid #16a34a}.agents-page .agent-card-v2.status-in_call{border-top:4px solid #dc2626}.agents-page .agent-card-v2.status-paused{border-top:4px solid #d97706}.agents-page .agent-card-v2.status-inactive{border-top:4px solid #64748b}.agents-page .agent-name-group{min-width:0}.agents-page .agent-name-group h3{overflow-wrap:anywhere}.agents-page .agent-meta-grid{gap:13px}.agents-page .table-container-v2{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 15px #0f172a09}.agents-page .modern-table{width:100%;min-width:800px;border-collapse:collapse}.agents-page .modern-table th{padding:13px 16px;color:#64748b;background:#f8fafc;font-size:11px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.agents-page .modern-table td{padding:14px 16px;color:#334155;border-bottom:1px solid #f1f5f9;font-size:13px;white-space:nowrap}.agents-page .modern-table tbody tr:hover{background:#f8fbff}.agents-page .agent-name-cell strong{color:#1e293b}.agents-page .pagination-v2{margin-top:0;border-radius:14px;box-shadow:0 6px 15px #0f172a09}.agents-page .agent-form{display:grid;gap:16px}.agents-page .form-section{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.agents-page .form-section h4{margin:0 0 14px;color:#1e3a5f;font-size:14px;font-weight:800}.agents-page .form-section .form-grid{gap:14px}.agents-page .form-section .form-group{margin-bottom:0}.agents-page .form-section .form-control{min-height:40px;border-color:#cbd5e1;border-radius:8px}.agents-page .form-section .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.agents-page .modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.agents-page .empty-workspace-container{padding:72px 24px;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;text-align:center}.agents-page .empty-workspace-container .btn{margin-top:16px}.agents-page .agent-editor-dialog{display:flex;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:min(90vh,820px);overflow:hidden;flex-direction:column;border-radius:14px;box-shadow:0 24px 64px #0f172a38}.agents-page .agent-editor-dialog.agent-edit-dialog{width:min(620px,calc(100vw - 32px));max-width:620px}.agents-page .agent-editor-dialog .modal-header{flex:0 0 auto;padding:20px 24px}.agents-page .agent-editor-dialog .modal-title-group h2{color:#0f172a;font-size:22px}.agents-page .agent-editor-dialog .modal-title-group p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.agents-page .agent-editor-dialog .modal-body{min-height:0;padding:24px;overflow-y:auto}.agents-page .agent-editor-dialog .modal-close:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.agents-page .agent-editor-dialog .agent-form>.modal-actions{position:sticky;bottom:-24px;z-index:2;display:flex;justify-content:flex-end;gap:9px;margin:8px -24px -24px;padding:16px 24px;background:#fffffff7;border-top:1px solid #e2e8f0}.agents-page .agent-editor-dialog .modal-actions .btn{min-height:40px;border-radius:8px;font-weight:700}@media(max-width:960px){.agents-page .agents-status-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.agents-page .workspace-controls{align-items:stretch;flex-wrap:wrap}.agents-page .control-group{flex-basis:100%}.agents-page .filter-group-v2{flex:1}}@media(max-width:640px){.agents-page .page-header-v2{flex-direction:column;padding:20px}.agents-page .header-actions{width:100%}.agents-page .header-actions>button{flex:1;justify-content:center}.agents-page .agents-status-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.agents-page .mini-stat-card{padding:13px}.agents-page .mini-value{font-size:24px}.agents-page .filter-group-v2{flex-direction:column}.agents-page .select-v2{width:100%}}@media(max-width:600px){.agents-page .agent-editor-dialog{width:min(100%,calc(100vw - 24px));max-height:calc(100vh - 24px)}.agents-page .agent-editor-dialog .modal-header,.agents-page .agent-editor-dialog .modal-body{padding-left:16px;padding-right:16px}.agents-page .agent-editor-dialog .agent-form>.modal-actions{margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}}.agents-page .agents-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-12px 0 12px;padding:0 3px;color:#64748b;font-size:12px}.agents-page .agents-results-bar strong{color:#1e293b}.agents-page .agents-results-bar i{margin-right:5px;color:#2563eb}.agents-page .agents-clear-filter{min-height:36px;padding:7px 10px;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.agents-page .agents-clear-filter:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.agents-page .filtered-empty-state{margin-top:4px}.agents-page .agent-card-v2 .btn-agent-action span{margin-left:6px;font-size:11px;font-weight:700}.agents-page .agent-card-v2 .card-footer-v2{align-items:center}.agents-page .agent-card-v2 .btn-agent-action{display:flex;align-items:center;justify-content:center}@media(max-width:640px){.agents-page .agents-results-bar{align-items:flex-start;flex-direction:column;gap:4px;margin-top:-4px}}.dids-page{padding:24px;animation:fadeIn .4s ease-out}.dids-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.inventory-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.tabs-container-v2{display:flex;background:#fff;padding:4px;border-radius:12px;border:1px solid #e2e8f0}.tab-v2{border:none;background:transparent;padding:8px 16px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-v2.active{background:#0ea5e9;color:#fff;box-shadow:0 4px 12px #0ea5e933}.search-box-v2{position:relative;flex:1;max-width:400px}.search-box-v2 i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.search-box-v2 input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .2s}.search-box-v2 input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.inventory-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.did-card-v2{background:#fff;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.did-card-v2:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a}.did-card-v2.disabled{opacity:.6;filter:grayscale(.4)}.card-header-v2{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.did-number-box{display:flex;align-items:center;gap:16px}.did-icon-v2{width:44px;height:44px;background:#f0f9ff;color:#0ea5e9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.did-val-group{display:flex;flex-direction:column}.did-main-val{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800;color:#0f172a}.did-label-val{font-size:12px;color:#64748b;font-weight:500}.did-status-box{display:flex;align-items:center;gap:12px}.status-dot-v2{width:10px;height:10px;border-radius:50%}.status-dot-v2.online{background:#10b981;box-shadow:0 0 10px #10b98166}.status-dot-v2.offline{background:#cbd5e1}.card-body-v2{padding:20px;background:#fcfdfe}.routing-flow{display:flex;align-items:center;background:#fff;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px}.flow-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#64748b}.flow-step i{font-size:14px}.flow-step.highlight{color:#0ea5e9}.flow-arrow{padding:0 12px;color:#cbd5e1;font-size:14px}.did-metadata{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item .label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:4px}.value-badge{background:#f1f5f9;color:#475569;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:capitalize}.value-count{font-size:15px;font-weight:800;color:#1e293b}.value-count small{font-size:10px;color:#94a3b8}.card-footer-v2{padding:16px 20px;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between}.btn-inventory-action{border:none;background:transparent;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:8px;transition:all .2s}.btn-inventory-action.edit{background:#f0f9ff;color:#0ea5e9}.btn-inventory-action.edit:hover{background:#e0f2fe}.btn-inventory-action.delete{color:#94a3b8}.btn-inventory-action.delete:hover{color:#ef4444;background:#fef2f2}.empty-inventory-container{text-align:center;padding:100px 24px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0}@media(max-width:640px){.inventory-grid-v2{grid-template-columns:1fr}.inventory-controls{flex-direction:column;align-items:stretch}.search-box-v2{max-width:none}}.client-did-page{display:grid;gap:24px}.client-did-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.client-did-section{padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 14px #0f172a0a}.client-did-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.client-did-section-heading h2{margin:0;color:#0f172a;font-size:18px}.client-did-section-heading p{margin:5px 0 0;color:#64748b;font-size:13px}.client-did-search{display:flex;width:min(360px,100%)}.client-did-search input{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px 0 0 8px;font:inherit}.client-did-search button{width:42px;color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:0 8px 8px 0;cursor:pointer}.client-did-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.client-did-card{padding:17px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fbff)}.client-did-card-top,.client-did-last-used{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.client-did-number,.client-did-name{display:block}.client-did-number{color:#0f172a;font-size:18px;font-weight:700}.client-did-name{margin-top:3px;color:#64748b;font-size:12px}.client-did-default{padding:4px 8px;color:#166534;background:#dcfce7;border-radius:999px;font-size:11px;font-weight:700}.client-did-assignment{display:grid;gap:6px;margin:17px 0;color:#475569;font-size:12px}.client-did-assignment i{width:18px;color:#2563eb}.client-did-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.client-did-card-stats span{display:grid;gap:3px}.client-did-card-stats strong{color:#0f172a;font-size:15px}.client-did-card-stats small{color:#64748b;font-size:11px}.client-did-last-used{align-items:center;margin-top:13px;color:#64748b;font-size:11px}.client-did-last-used strong{color:#334155;font-size:11px;text-align:right}.client-did-table-wrap{overflow-x:auto}.client-did-table{width:100%;min-width:850px;border-collapse:collapse}.client-did-table th,.client-did-table td{padding:12px 10px;border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;text-align:left;white-space:nowrap}.client-did-table th{color:#64748b;background:#f8fafc;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.client-did-table td strong{color:#0f172a}.client-did-status{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.client-did-status.answered{color:#166534;background:#dcfce7}.client-did-status.other{color:#92400e;background:#fef3c7}.client-did-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#64748b;font-size:13px}.client-did-pagination div{display:flex;gap:8px}.client-did-pagination button{padding:8px 12px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;cursor:pointer}.client-did-pagination button:disabled{cursor:not-allowed;opacity:.5}.client-did-edit{width:100%;margin-top:12px;padding:8px 10px;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:700;cursor:pointer}.client-did-edit:hover{background:#dbeafe}@media(max-width:1000px){.client-did-grid,.client-did-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.client-did-section{padding:16px}.client-did-grid{grid-template-columns:minmax(0,1fr)}.client-did-section-heading{align-items:stretch;flex-direction:column}.client-did-section-heading input{width:100%}}.dispositions-page{display:grid;width:100%;min-width:0;max-width:100%;gap:18px;padding:4px;color:#152238}.dispositions-stats-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.dispositions-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.disposition-card-v2{background:#fff;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d;position:relative}.disposition-card-v2:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a}.disposition-card-v2.inactive{opacity:.7;filter:grayscale(.5)}.card-header-v2{padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #f1f5f9}.disp-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#f8fafc;box-shadow:inset 0 2px 4px #0000000d}.disp-meta{flex:1}.disp-name{font-size:16px;font-weight:700;color:#1e293b;margin:0}.disp-code{font-family:monospace;font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase}.status-indicator .dot{width:8px;height:8px;border-radius:50%;display:block}.status-indicator .dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator .dot.offline{background:#cbd5e1}.card-body-v2{padding:20px;flex:1}.disp-desc{font-size:13px;color:#64748b;margin-bottom:16px;line-height:1.5;min-height:40px}.disp-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;text-transform:uppercase}.tag-pill.final{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.tag-pill.callback{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.tag-pill.general{background:#f0f9ff;color:#0284c7;border:1px solid #e0f2fe}.card-footer-v2{padding:16px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.assigned-count{font-size:11px;font-weight:600;color:#94a3b8}.card-actions-v2{display:flex;gap:8px}.btn-action-v2{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b;font-size:13px}.btn-action-v2:hover{transform:scale(1.1);color:#2563eb;border-color:#3b82f6}.btn-action-v2.delete:hover{color:#ef4444;border-color:#fca5a5;background:#fef2f2}.color-green .disp-icon-box{background:#dcfce7;color:#166534}.color-red .disp-icon-box{background:#fee2e2;color:#991b1b}.color-blue .disp-icon-box{background:#dbeafe;color:#1e40af}.color-purple .disp-icon-box{background:#f3e8ff;color:#6b21a8}.color-orange .disp-icon-box{background:#ffedd5;color:#9a3412}.color-teal .disp-icon-box{background:#ccfbf1;color:#115e59}.empty-dispositions-container{text-align:center;padding:100px 24px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0}.empty-icon{font-size:50px;color:#cbd5e1;margin-bottom:16px}@media(max-width:640px){.dispositions-grid-v2{grid-template-columns:1fr}}.dispositions-page .page-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.dispositions-page .header-left h1{margin:0;color:#fff;font-size:28px;letter-spacing:-.035em}.dispositions-page .header-left p{margin:7px 0 0;color:#dbeafe;font-size:14px}.dispositions-page .header-actions{display:flex;flex-wrap:wrap;gap:9px}.dispositions-page .disposition-view-toggle{display:inline-flex;align-items:center;padding:3px;gap:2px;background:#ffffff1a;border:1px solid rgba(191,219,254,.3);border-radius:9px}.dispositions-page .disposition-view-toggle button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;color:#bfdbfe;background:transparent;border:0;border-radius:7px;font-size:11px;font-weight:750;cursor:pointer}.dispositions-page .disposition-view-toggle button:hover{color:#fff;background:#ffffff1a}.dispositions-page .disposition-view-toggle button.active{color:#082f49;background:#f8fafc}.dispositions-page .btn-primary-v2,.dispositions-page .btn-secondary-v2{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.dispositions-page .btn-primary-v2{color:#082f49;background:#f8fafc;border:0}.dispositions-page .btn-primary-v2:hover{background:#e0f2fe}.dispositions-page .btn-secondary-v2{color:#dbeafe;background:#ffffff14;border:1px solid rgba(191,219,254,.36)}.dispositions-page .btn-secondary-v2:hover{background:#ffffff29}.dispositions-page .dispositions-stats-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:0}.dispositions-page .dispositions-filter-bar{display:flex;align-items:center;gap:9px;margin:14px 0;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 14px #0f172a09}.dispositions-page .dispositions-search{display:flex;align-items:center;flex:1 1 280px;gap:8px;min-width:180px;padding:0 10px;color:#64748b;border:1px solid #cbd5e1;border-radius:8px}.dispositions-page .dispositions-search input,.dispositions-page .dispositions-filter-bar select{min-height:35px;color:#1e293b;font:inherit;font-size:12px;background:#fff;border:0;outline:0}.dispositions-page .dispositions-search input{width:100%}.dispositions-page .dispositions-filter-bar select{min-width:140px;padding:0 8px;border:1px solid #cbd5e1;border-radius:8px}.dispositions-page .dispositions-filter-bar>span{flex:0 0 auto;color:#64748b;font-size:11px;white-space:nowrap}.dispositions-page .mini-stat-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:62px;padding:9px 12px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 5px 12px #0f172a0a}.dispositions-page .mini-stat-card:before{width:28px;height:3px;content:"";background:#2563eb;border-radius:3px}.dispositions-page .mini-stat-card.success:before{background:#16a34a}.dispositions-page .mini-stat-card.highlight:before{background:#d97706}.dispositions-page .mini-stat-card.assigned:before{background:#7c3aed}.dispositions-page .mini-label{color:#64748b;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dispositions-page .mini-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.04em}.dispositions-page .dispositions-grid-v2{grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:10px}.dispositions-page .disposition-card-v2{min-width:0;border-radius:11px;border-top-width:3px;box-shadow:0 6px 14px #0f172a0b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dispositions-page .disposition-card-v2:hover{border-color:#bfdbfe;box-shadow:0 14px 28px #0f172a17;transform:translateY(-2px)}.dispositions-page .disposition-card-v2.color-green{border-top-color:#16a34a}.dispositions-page .disposition-card-v2.color-red{border-top-color:#dc2626}.dispositions-page .disposition-card-v2.color-blue{border-top-color:#2563eb}.dispositions-page .disposition-card-v2.color-purple{border-top-color:#7c3aed}.dispositions-page .disposition-card-v2.color-orange{border-top-color:#ea580c}.dispositions-page .disposition-card-v2.color-yellow{border-top-color:#d97706}.dispositions-page .disposition-card-v2.color-gray{border-top-color:#64748b}.dispositions-page .disposition-card-v2.color-teal{border-top-color:#0f766e}.dispositions-page .disposition-card-v2.inactive{opacity:.72;filter:grayscale(.25)}.dispositions-page .dispositions-grid-v2.row-view{grid-template-columns:minmax(0,1fr);gap:10px}.dispositions-page .dispositions-grid-v2.row-view .disposition-card-v2{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.5fr) auto;align-items:stretch}.dispositions-page .dispositions-grid-v2.row-view .card-header-v2{border-right:1px solid #eef2f7;border-bottom:0}.dispositions-page .dispositions-grid-v2.row-view .card-body-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:10px 18px;min-width:0}.dispositions-page .dispositions-grid-v2.row-view .disp-desc{min-height:0;margin:0}.dispositions-page .dispositions-grid-v2.row-view .disp-tags{justify-content:flex-end}.dispositions-page .dispositions-grid-v2.row-view .card-footer-v2{min-width:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-top:0;border-left:1px solid #eef2f7}.dispositions-page .card-header-v2{padding:10px 12px 9px;border-bottom:1px solid #eef2f7}.dispositions-page .disp-icon-box{width:34px;height:34px;border-radius:9px;font-size:17px}.dispositions-page .disp-name{font-size:14px}.dispositions-page .disp-code{font-size:10px}.dispositions-page .disp-meta{min-width:0}.dispositions-page .disp-name{overflow-wrap:anywhere}.dispositions-page .card-body-v2{padding:10px 12px}.dispositions-page .disp-desc{display:-webkit-box;min-height:32px;margin:0 0 8px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;line-height:1.45}.dispositions-page .tag-pill{gap:4px;padding:3px 7px;font-size:9px}.dispositions-page .card-footer-v2{padding:8px 12px;border-top:1px solid #eef2f7}.dispositions-page .btn-action-v2{width:27px;height:27px;border-radius:7px;font-size:11px}.dispositions-page .empty-dispositions-container{padding:72px 24px;border-radius:16px;border:1px dashed #cbd5e1}.dispositions-page .empty-dispositions-container .btn{margin-top:16px}.dispositions-page .disposition-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:min(90vh,760px);overflow:hidden;border-radius:14px;box-shadow:0 24px 64px #0f172a38}.dispositions-page .disposition-dialog .modal-body{padding:24px;overflow-y:auto}.dispositions-page .disposition-dialog .modal-footer{padding:16px 24px;background:#f8fafc}.dispositions-page .disposition-dialog .form-grid{gap:16px}.dispositions-page .disposition-dialog .form-group{margin-bottom:0}.dispositions-page .disposition-dialog .form-group label{color:#334155;font-size:13px;font-weight:700}.dispositions-page .disposition-dialog .form-control{min-height:42px;border-color:#cbd5e1;border-radius:9px}.dispositions-page .disposition-dialog .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}@media(max-width:900px){.dispositions-page .dispositions-stats-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dispositions-page .dispositions-filter-bar{align-items:stretch;flex-wrap:wrap}.dispositions-page .dispositions-search{flex-basis:100%}.dispositions-page .dispositions-filter-bar select{flex:1}.dispositions-page .dispositions-filter-bar>span{width:100%}}@media(max-width:640px){.dispositions-page{padding:4px}.dispositions-page .page-header-v2{flex-direction:column;padding:20px}.dispositions-page .header-actions{width:100%}.dispositions-page .header-actions>button{flex:1;justify-content:center}.dispositions-page .disposition-view-toggle{order:-1;width:100%}.dispositions-page .disposition-view-toggle button{flex:1;justify-content:center}.dispositions-page .dispositions-stats-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dispositions-page .mini-stat-card{padding:13px}.dispositions-page .mini-value{font-size:24px}.dispositions-page .disposition-dialog{width:min(100%,calc(100vw - 24px));max-height:calc(100vh - 24px)}.dispositions-page .dispositions-grid-v2.row-view .disposition-card-v2{display:flex;flex-direction:column}.dispositions-page .dispositions-grid-v2.row-view .card-header-v2{border-right:0;border-bottom:1px solid #eef2f7}.dispositions-page .dispositions-grid-v2.row-view .card-body-v2{display:block}.dispositions-page .dispositions-grid-v2.row-view .disp-tags{justify-content:flex-start;margin-top:12px}.dispositions-page .dispositions-grid-v2.row-view .card-footer-v2{min-width:0;flex-direction:row;border-top:1px solid #eef2f7;border-left:0}}.billing-page{padding:1.5rem}.billing-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);text-align:center;max-width:600px;margin:2rem auto}.billing-placeholder h2{font-size:1.5rem;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.billing-placeholder>p{color:var(--text-muted, #6b7280);margin-bottom:1.5rem}.billing-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.summary-card{background:var(--card-bg, #fff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);text-align:center}.summary-value{font-size:1.5rem;font-weight:700;color:var(--primary-color, #3b82f6)}.summary-label{font-size:.875rem;color:var(--text-muted, #6b7280);margin-top:.25rem}.billing-table-container{overflow-x:auto}.billing-table-container table{width:100%;border-collapse:collapse}.billing-table-container th,.billing-table-container td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color, #e5e7eb)}.billing-table-container th{background:var(--card-footer-bg, #f9fafb);font-weight:600;font-size:.875rem;color:var(--text-primary, #1f2937)}.duration-cell{font-family:monospace}.cost-cell{font-weight:600;color:var(--success-color, #10b981)}.audit-page{padding:1.5rem}.audit-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);text-align:center;max-width:600px;margin:2rem auto}.audit-placeholder h2{font-size:1.5rem;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.audit-placeholder>p{color:var(--text-muted, #6b7280);margin-bottom:1.5rem}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.audit-table-container{overflow-x:auto}.audit-table-container table{width:100%;border-collapse:collapse}.audit-table-container th,.audit-table-container td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color, #e5e7eb)}.audit-table-container th{background:var(--card-footer-bg, #f9fafb);font-weight:600;font-size:.875rem;color:var(--text-primary, #1f2937)}.timestamp-cell{font-size:.875rem;color:var(--text-muted, #6b7280);white-space:nowrap}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:.875rem}.audit-page{display:grid;width:100%;min-width:0;gap:16px;padding:4px;color:#152238}.audit-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;color:#f8fafc;background:radial-gradient(circle at 88% 10%,rgba(56,189,248,.2),transparent 15rem),linear-gradient(125deg,#0a294a,#1e3a5f);border-radius:16px;box-shadow:0 14px 34px #0a294a2e}.audit-eyebrow{color:#67e8f9;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.audit-hero h1{margin:7px 0 4px;color:#fff;font-size:24px;letter-spacing:-.03em}.audit-hero p{margin:0;color:#dbeafe;font-size:12px}.audit-hero-actions{display:flex;gap:8px}.audit-button,.audit-reset,.audit-page-button{min-height:35px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.audit-button.primary{color:#082f49;background:#f8fafc;border-color:#f8fafc}.audit-button.secondary,.audit-reset,.audit-page-button{color:#334155;background:#fff}.audit-button:disabled,.audit-page-button:disabled{cursor:not-allowed;opacity:.5}.audit-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.audit-stat{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 14px #0f172a0a}.audit-stat strong,.audit-stat small{display:block}.audit-stat strong{color:#0f172a;font-size:21px}.audit-stat small{margin-top:4px;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase}.audit-stat-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:9px;font-weight:800}.audit-stat-icon.blue{color:#2563eb;background:#dbeafe}.audit-stat-icon.cyan{color:#0891b2;background:#cffafe}.audit-stat-icon.purple{color:#7c3aed;background:#ede9fe}.audit-stat-icon.green{color:#16a34a;background:#dcfce7}.audit-toolbar{display:flex;align-items:center;gap:9px;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 5px 14px #0f172a09}.audit-search{display:flex;align-items:center;flex:1 1 280px;gap:8px;min-width:180px;padding:0 10px;color:#64748b;border:1px solid #cbd5e1;border-radius:8px}.audit-search input,.audit-toolbar select{min-height:35px;color:#1e293b;font:inherit;font-size:12px;background:#fff;border:0;outline:0}.audit-search input{width:100%}.audit-toolbar select{min-width:125px;padding:0 8px;border:1px solid #cbd5e1;border-radius:8px}.audit-reset{min-height:35px}.audit-result-count{flex:0 0 auto;color:#64748b;font-size:11px;white-space:nowrap}.audit-table-card{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 7px 18px #0f172a0b}.audit-table-scroll{overflow-x:auto}.audit-table-card table{width:100%;min-width:760px;border-collapse:collapse}.audit-table-card th,.audit-table-card td{padding:12px 14px;text-align:left;border-bottom:1px solid #eef2f7}.audit-table-card th{color:#64748b;background:#f8fafc;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.audit-table-card td{color:#334155;font-size:12px;vertical-align:middle}.audit-table-card tbody tr:hover{background:#f8fbff}.audit-time,.audit-ip{color:#64748b!important;font-size:11px!important;white-space:nowrap}.audit-user{display:inline-flex;margin-right:7px;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase}.audit-user.admin{color:#1d4ed8;background:#dbeafe}.audit-user.client{color:#7c3aed;background:#ede9fe}.audit-user.unknown{color:#64748b;background:#f1f5f9}.audit-user-name{color:#0f172a;font-size:12px}.audit-action{padding:4px 7px;color:#0f766e;background:#ccfbf1;border-radius:6px;font-size:10px;font-weight:800}.audit-details{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-empty{padding:60px!important;color:#64748b!important;text-align:center!important}.audit-error{padding:12px 14px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;font-size:12px}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;color:#64748b;font-size:11px}.audit-page-button{min-width:35px;padding:6px 9px}@media(max-width:800px){.audit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-toolbar{align-items:stretch;flex-wrap:wrap}.audit-search{flex-basis:100%}.audit-toolbar select{flex:1 1 130px}.audit-result-count{width:100%}}@media(max-width:560px){.audit-hero{align-items:flex-start;flex-direction:column;padding:18px}.audit-hero h1{font-size:21px}.audit-hero-actions{width:100%}.audit-button{flex:1}.audit-stat-grid{gap:8px}.audit-stat{padding:10px 9px}.audit-stat strong{font-size:17px}}.alerts-page{padding:1.5rem}.alerts-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);text-align:center;max-width:600px;margin:2rem auto}.alerts-placeholder h2{font-size:1.5rem;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.alerts-placeholder>p{color:var(--text-muted, #6b7280);margin-bottom:1.5rem}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{padding:1rem;border-radius:8px;border-left:4px solid}.alert-unacknowledged{background:#fef2f2;border-left-color:#ef4444}.alert-acknowledged{background:#f0fdf4;border-left-color:#10b981;opacity:.8}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.alert-time{font-size:.75rem;color:var(--text-muted, #6b7280)}.alert-message{color:var(--text-primary, #1f2937);margin-bottom:.75rem}.alert-actions{display:flex;gap:.5rem}.status-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #e5e7eb;transition:all .3s ease}.status-card.status-connected{border-left-color:#10b981;box-shadow:0 4px 6px #10b9811a}.status-card.status-disconnected{border-left-color:#ef4444;opacity:.8}.status-indicator{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:relative}.status-icon{font-size:24px}.status-dot{width:12px;height:12px;border-radius:50%;position:relative}.dot-connected{background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-green 2s infinite}.dot-disconnected{background-color:#ef4444}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.status-pulse{position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#10b981;opacity:0;animation:pulse-indicator 1.5s infinite}@keyframes pulse-indicator{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(3)}}.status-name{font-weight:600;font-size:16px;color:#111827}.status-text{font-size:14px;color:#6b7280;margin-bottom:4px}.status-details{font-size:12px;color:#9ca3af;font-family:monospace;margin-top:4px}.status-uptime{font-size:11px;color:#6b7280;margin-top:6px;padding-top:6px;border-top:1px solid #e5e7eb}.connection-status-bar{margin:20px 0;padding:12px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;border:1px solid #bbf7d0}.connection-status-bar .status-indicator{justify-content:center;gap:10px}.connection-status-bar .status-indicator.connected{color:#166534}.connection-status-bar .status-indicator.disconnected{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:pulse-dot 1s infinite}.disconnected .pulse-dot{background-color:#ef4444;animation:none}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.logs-container{max-height:400px;overflow-y:auto}.no-logs{text-align:center;color:#6b7280;padding:20px}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background-color:#f9fafb;border-radius:4px;font-size:13px}.log-time{color:#9ca3af;font-family:monospace;white-space:nowrap}.log-level{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.log-level-info{background-color:#dbeafe;color:#1e40af}.log-level-warn{background-color:#fef3c7;color:#92400e}.log-level-error{background-color:#fee2e2;color:#991b1b}.log-level-debug{background-color:#f3f4f6;color:#374151}.log-message{color:#1f2937;word-break:break-word}.system-page{padding:1.5rem}.system-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg, #fff);border-radius:12px;border:1px solid var(--border-color, #e5e7eb);text-align:center;max-width:600px;margin:2rem auto}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.system-placeholder h2{font-size:1.5rem;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.system-placeholder>p{color:var(--text-muted, #6b7280);margin-bottom:1.5rem}.feature-list{text-align:left;background:var(--card-footer-bg, #f9fafb);padding:1.5rem 2rem;border-radius:8px;margin:1rem 0;width:100%;box-sizing:border-box}.feature-list li{padding:.5rem 0;color:var(--text-primary, #1f2937);font-size:.95rem}.coming-soon-note{font-size:.9rem;color:var(--text-muted, #6b7280);margin-top:1rem;font-style:italic}.loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted, #6b7280);font-size:1.1rem}.agent-sidebar{width:var(--agent-sidebar-width, 288px);background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(59,130,246,.14),transparent 28%),linear-gradient(180deg,#081226,#0f172a 42%,#172554);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;overflow-y:auto;z-index:1000;padding:18px 16px 16px;border-right:1px solid rgba(148,163,184,.12);box-shadow:18px 0 40px #0f172a47}.agent-sidebar-header{padding:10px 8px 18px}.agent-brand{display:flex;align-items:center;gap:14px}.agent-brand-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#ffffff2e,#3b82f629);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1f}.agent-brand-copy{display:flex;flex-direction:column}.agent-brand-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bfdbfec2}.agent-brand-text{margin-top:4px;font-size:20px;font-weight:800;color:#fff}.agent-info-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:linear-gradient(180deg,#ffffff1f,#1e293b47);margin:6px 0 18px;border-radius:22px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0f172a3d}.agent-info-avatar{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#eff6ff;background:linear-gradient(135deg,#2563eb,#0ea5e9);flex-shrink:0}.agent-info-details{flex:1;overflow:hidden}.agent-info-name{font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-info-id{font-size:12px;color:#e2e8f0c7;margin-top:4px}.agent-info-meta{font-size:11px;color:#93c5fdb8;margin-top:6px}.agent-info-pulse{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px #22c55e29;flex-shrink:0}.agent-nav-section-label{margin:0 10px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#bfdbfe8a}.agent-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.agent-nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#e2e8f0d6;text-decoration:none;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease;border-radius:18px;border:1px solid transparent;background:#ffffff08}.agent-nav-link:hover{transform:translate(3px);background:#ffffff14;border-color:#ffffff14;color:#fff}.agent-nav-link.active{background:linear-gradient(135deg,#2563eb52,#0ea5e92e);border-color:#60a5fa57;color:#fff;box-shadow:inset 0 1px #ffffff14}.agent-nav-icon-wrap{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.agent-nav-link.active .agent-nav-icon-wrap{background:#ffffff24;border-color:#ffffff1f}.agent-nav-icon{font-size:18px}.agent-nav-label{font-size:14px;font-weight:600}.agent-sidebar-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.agent-footer-card{margin-bottom:12px;padding:14px 15px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.agent-footer-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bfdbfea8}.agent-footer-card strong{display:block;margin-top:8px;font-size:14px;color:#fff}.btn-agent-logout{width:100%;justify-content:center;background:#ef444424;color:#fff;border:1px solid rgba(248,113,113,.28);box-shadow:inset 0 1px #ffffff0f}.btn-agent-logout:hover{background:#ef44443d;border-color:#f871716b}@media(max-width:768px){.agent-sidebar{width:100%;height:auto;position:relative;border-right:none;box-shadow:none;border-bottom:1px solid rgba(148,163,184,.12)}.agent-sidebar-nav{flex-direction:row;flex-wrap:wrap}.agent-nav-link{flex:1 1 140px}}:root{--agent-sidebar-width: clamp(248px, 22vw, 288px)}.agent-layout{display:flex;min-height:100vh;background:#e5e7eb}.agent-main-content{flex:1;min-width:0;margin-left:var(--agent-sidebar-width);background:#f3f4f6;min-height:100vh;padding:0}@media(max-width:768px){.agent-main-content{margin-left:0}}.agent-dialer{min-height:100vh;min-width:0;width:100%;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(251,191,36,.12),transparent 20%),linear-gradient(180deg,#eef2ff,#f8fafc 46%,#e2e8f0);padding:0 0 24px}.agent-softphone-runtime{position:fixed;z-index:-1;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.dialer-header{background:radial-gradient(circle at top left,rgba(251,191,36,.24),transparent 26%),radial-gradient(circle at top right,rgba(56,189,248,.2),transparent 32%),linear-gradient(135deg,#0f172a,#1e293b 52%,#1d4ed8);color:#fff;padding:22px 24px 20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 40px #0f172a2e}.workspace-top-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.agent-info-bar{display:flex;align-items:center;gap:12px}.agent-avatar{width:52px;height:52px;border-radius:18px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:inset 0 1px #fff3}.agent-details{display:flex;flex-direction:column}.agent-name{font-size:18px;font-weight:700}.agent-id{font-size:12px;opacity:.8}.status-badge{padding:8px 16px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-ready{background:#10b981;color:#fff}.status-not-ready{background:#ef4444;color:#fff}.status-paused{background:#f59e0b;color:#fff}.status-in-call{background:#3b82f6;color:#fff;animation:pulse-call 2s infinite}@keyframes pulse-call{0%,to{opacity:1}50%{opacity:.75}}.top-strip-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.state-machine-switch{display:flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12)}.state-machine-switch label{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px}.primary-state-btn{border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);cursor:pointer;box-shadow:0 12px 24px #10b98147}.primary-state-btn.is-disabled,.primary-state-btn:disabled{cursor:default;background:#ffffff29;color:#ffffffd1;box-shadow:none}.header-presence-strip{display:flex;gap:12px;flex-wrap:wrap}.presence-chip{min-width:150px;padding:10px 14px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:4px}.recent-call-chip{flex:1 1 260px;position:relative;padding-right:96px}.presence-redial-button{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding:8px 10px;color:#fff;background:#dc2626;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.presence-redial-button:hover{background:#b91c1c}.presence-redial-button:disabled{cursor:not-allowed;opacity:.5}.presence-redial-button i{margin-right:4px}@media(max-width:700px){.recent-call-chip{padding-right:14px}.presence-redial-button{position:static;transform:none;align-self:flex-start;margin-top:4px}}.presence-chip-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.presence-chip strong{font-size:14px;font-weight:700}.presence-chip-meta{font-size:12px;color:#fffc;line-height:1.35}.state-machine-layout{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.9fr);gap:20px;padding:20px;max-width:1640px;margin:0 auto}.adaptive-canvas,.context-card,.rhythm-footer,.agent-dialer .modal-content{min-width:0;background:#ffffffdb;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.adaptive-canvas{border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:22px}.canvas-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.canvas-kicker{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#475569;margin-bottom:8px}.canvas-header h2{margin:0;font-size:28px;color:#0f172a}.canvas-secondary-actions{display:flex;gap:10px;flex-wrap:wrap}.toolbar-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.toolbar-btn.warning{background:#fef3c7;border-color:#fcd34d}.toolbar-btn.danger{background:#fee2e2;border-color:#fca5a5}.toolbar-btn.active{background:#dbeafe;border-color:#93c5fd}.workspace-panel{display:flex;flex-direction:column;gap:22px}.workspace-hero,.wrap-header-block,.live-call-headline{border-radius:22px;padding:24px;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 28%),linear-gradient(135deg,#fff,#eff6ff 48%,#dbeafe);border:1px solid rgba(191,219,254,.9)}.hero-state{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#1d4ed8;font-weight:800}.hero-timer{margin-top:12px;font-size:48px;line-height:1;font-family:Courier New,monospace;font-weight:800;color:#0f172a}.hero-copy{margin:14px 0 0;color:#334155;max-width:58ch}.workspace-connectivity-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding:10px 12px;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#ffffffb8;color:#334155;font-size:12px}.connectivity-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.connectivity-dot.is-online{background:#10b981;box-shadow:0 0 0 4px #10b9811f}.connectivity-label{font-weight:700;color:#64748b}.workspace-connectivity-strip strong{color:#0f172a}.connectivity-meta{color:#64748b}.softphone-inline-retry{border:0;border-radius:8px;padding:5px 9px;background:#1d4ed8;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.softphone-inline-retry:hover{background:#1e40af}.wrap-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid #e2e8f0}.wrap-submit-bar-priority{position:sticky;top:12px;z-index:2;margin:18px -22px 20px;padding:12px 22px;background:#fffffff5;box-shadow:0 8px 18px #0f172a0f}.callback-schedule-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(190px,auto);align-items:center;gap:8px 14px;margin-top:16px;padding:16px;border:1px solid #93c5fd;border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.18),transparent 34%),linear-gradient(135deg,#eff6ff,#fff 72%);box-shadow:0 10px 22px #2563eb1a}.callback-schedule-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 16px #2563eb3d;font-size:16px}.callback-schedule-card>div{display:flex;flex-direction:column;gap:3px}.callback-schedule-eyebrow{color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.callback-schedule-card strong{color:#0f172a;font-size:13px}.callback-schedule-card input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #60a5fa;border-radius:12px;background:#ffffffeb;color:#0f172a;font:inherit;font-size:14px;font-weight:700;box-shadow:inset 0 1px 2px #0f172a0a}.callback-schedule-card input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.callback-schedule-hint{grid-column:1 / -1;color:#475569;font-size:11px}.callback-schedule-launch{display:flex;align-items:center;gap:10px;width:100%;margin-top:16px;padding:11px 13px;border:1px solid #93c5fd;border-radius:15px;background:linear-gradient(135deg,#eff6ff,#fff);color:#1e3a8a;text-align:left;cursor:pointer}.callback-schedule-launch:hover{border-color:#3b82f6;box-shadow:0 8px 18px #2563eb1f}.callback-schedule-launch-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:#2563eb;color:#fff}.callback-schedule-launch>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.callback-schedule-launch strong{color:#1e3a8a;font-size:13px}.callback-schedule-launch small{overflow:hidden;color:#64748b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.callback-schedule-launch>i{color:#2563eb;font-size:12px}.callback-schedule-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.callback-schedule-modal{width:min(100%,460px);padding:24px;border:1px solid rgba(147,197,253,.72);border-radius:24px;background:linear-gradient(145deg,#fff,#eff6ff);box-shadow:0 28px 80px #0f172a4d}.callback-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.callback-modal-close{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#64748b;font-size:20px;line-height:1;cursor:pointer}.callback-schedule-modal h2{margin:6px 0 8px;color:#0f172a;font-size:24px}.callback-modal-copy{margin:0 0 20px;color:#475569;font-size:13px;line-height:1.5}.callback-modal-label{display:block;margin-bottom:8px;color:#334155;font-size:12px;font-weight:800}.callback-modal-input{width:100%;min-height:48px;padding:11px 12px;border:1px solid #60a5fa;border-radius:13px;background:#fff;color:#0f172a;font:inherit;font-weight:700}.callback-modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.callback-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.callback-modal-cancel,.callback-modal-save{min-height:42px;padding:10px 15px;border:0;border-radius:11px;font-weight:800;cursor:pointer}.callback-modal-cancel{background:#e2e8f0;color:#334155}.callback-modal-save{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 8px 16px #2563eb38}.callback-modal-save:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.wrap-submit-hint{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;line-height:1.4}.wrap-submit-hint i{color:#2563eb}.wrap-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 20px #2563eb3d;cursor:pointer}.wrap-submit-button:hover{background:linear-gradient(135deg,#1d4ed8,#4338ca)}.wrap-submit-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.idle-grid,.live-grid,.wrap-grid{display:grid;gap:18px}.idle-grid,.wrap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.idle-card,.lead-focus-card,.call-command-card,.wrap-disposition-card,.wrap-summary-card,.context-card{border-radius:22px;padding:22px}.idle-card,.lead-focus-card,.call-command-card,.wrap-disposition-card,.wrap-summary-card{background:#fff;border:1px solid #e2e8f0}.idle-card h3,.lead-focus-card h3,.call-command-card h3,.wrap-disposition-card h3,.wrap-summary-card h3,.context-card h3{margin:0 0 16px;font-size:16px;color:#0f172a}.customer-details{display:flex;flex-direction:column;gap:12px}.softphone-health-card{background:radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 32%),linear-gradient(180deg,#fff,#f8fafc)}.softphone-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.softphone-health-item{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px}.softphone-health-item .label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.softphone-health-item .value{color:#0f172a;font-weight:700}.softphone-health-message,.softphone-health-error{margin:14px 0 0;font-size:13px;line-height:1.45}.softphone-health-message{color:#334155}.softphone-health-error{color:#b91c1c}.softphone-retry-btn{margin-top:16px;border:none;border-radius:12px;padding:12px 16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);cursor:pointer}.detail-row{display:flex;gap:12px}.detail-row .label{min-width:96px;font-size:13px;font-weight:700;color:#64748b}.detail-row .value{flex:1;color:#0f172a;min-width:0;overflow-wrap:anywhere}.whatsapp-quick-action{display:inline-flex;align-items:center;gap:7px;width:-moz-fit-content;width:fit-content;margin:2px 0 4px 108px;padding:7px 11px;border:1px solid #bbf7d0;border-radius:9px;background:#f0fdf4;color:#15803d;font-size:12px;font-weight:800;cursor:pointer}.whatsapp-quick-action:hover{border-color:#86efac;background:#dcfce7}.detail-section-label{margin-top:4px;padding-top:10px;border-top:1px solid #e2e8f0;color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.custom-field-value{max-width:100%}.detail-row.notes .value{background:#f8fafc;border-radius:10px;padding:10px 12px;font-size:14px}.no-customer-info,.no-history{color:#64748b;font-size:14px}.state-machine-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.btn-answer,.btn-reject,.btn-control,.btn-pause-code,.btn-submit,.btn-manual-dial{border:none;border-radius:14px;font-weight:700;cursor:pointer}.btn-answer{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 22px}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:14px 22px}.btn-control{background:#e2e8f0;color:#0f172a;padding:14px 18px}.btn-control.btn-active{background:#dbeafe;color:#1d4ed8}.live-note-pad label,.disposition-note label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#475569}.live-note-pad textarea,.disposition-note textarea,.manual-dial-form .form-control{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:14px 16px;background:#f8fafc;font-size:14px;font-family:inherit;resize:vertical}.context-drawer{display:flex;flex-direction:column;gap:16px}.context-card{border-radius:24px;padding:18px}.kpi-context-card{padding:14px}.kpi-context-card h3{margin-bottom:12px}.compact-kpi-grid{display:flex;flex-wrap:wrap;gap:8px}.stat-item-card{min-width:0;flex:1 1 132px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "helper helper";align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:2px;padding:10px 12px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(255,255,255,.85)}.stat-slate{background:linear-gradient(180deg,#94a3b82e,#f1f5f9f2)}.stat-emerald{background:linear-gradient(180deg,#10b98129,#ecfdf5f5)}.stat-amber{background:linear-gradient(180deg,#f59e0b29,#fffbebf5)}.stat-sky{background:linear-gradient(180deg,#0ea5e929,#f0f9fff5)}.stat-label{grid-area:label;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.stat-value{grid-area:value;margin-top:0;font-size:20px;line-height:1;font-weight:800;color:#0f172a;text-align:right}.stat-helper{grid-area:helper;margin-top:0;font-size:11px;color:#475569}.recent-call-list{display:flex;flex-direction:column;gap:6px}.recent-call-item{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:10px;background:#ffffffb8;border:1px solid #e2e8f0}.recent-call-item>div{min-width:0}.recent-call-item strong,.recent-call-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.recent-call-item strong{font-size:12px;color:#0f172a}.recent-call-item span{margin-top:2px;font-size:10px;color:#64748b}.recent-call-redial{align-self:center;flex:0 0 auto;border:1px solid #bfdbfe;width:28px;height:28px;border-radius:8px;padding:0;background:#eff6ff;color:#1d4ed8;font-size:13px;line-height:1;font-weight:700;cursor:pointer}.recent-call-redial:hover:not(:disabled){background:#dbeafe}.recent-call-redial:disabled{cursor:not-allowed;opacity:.45}.recent-call-whatsapp{align-self:center;flex:0 0 auto;border:1px solid #bbf7d0;width:28px;height:28px;border-radius:8px;padding:0;background:#f0fdf4;color:#15803d;font-size:16px;line-height:1;font-weight:800;cursor:pointer}.recent-call-whatsapp:hover{background:#dcfce7}.recent-call-redial i,.recent-call-whatsapp i{pointer-events:none}.inline-disposition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.disposition-option{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}.disposition-option.selected{background:#dbeafe;border-color:#60a5fa}.disposition-option input{margin:0}.inline-pause-menu{display:flex;gap:8px;flex-wrap:wrap;padding:0;background:transparent}.btn-pause-code{background:#fff7ed;color:#9a3412;padding:10px 14px;border:1px solid #fdba74}.rhythm-footer{margin:0 auto;max-width:1640px;border-radius:24px;padding:18px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rhythm-pill{border-radius:18px;padding:14px 16px;background:#fffc;border:1px solid #e2e8f0}.rhythm-pill span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.rhythm-pill strong{display:block;margin-top:6px;color:#0f172a}.agent-dialer .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a75;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.agent-dialer .modal-content{width:100%;max-width:460px;border-radius:24px;padding:22px}.agent-dialer .manual-dial-overlay{align-items:flex-end;justify-content:flex-end;padding:24px;background:#0f172a2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.agent-dialer .manual-dial-widget{max-width:390px;margin:0 0 76px;border:1px solid rgba(148,163,184,.3);border-radius:24px 24px 8px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 22px 60px #0f172a40;animation:manual-dial-slide-up .24s cubic-bezier(.22,1,.36,1)}@keyframes manual-dial-slide-up{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.agent-dialer .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.agent-dialer .modal-header h2{margin:0;color:#0f172a}.agent-dialer .modal-close{border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#475569}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.btn{border:none;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary,.btn-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.mode-switch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;background:#0f172a2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-switch-dialog{width:min(100%,460px);margin-bottom:76px;border:1px solid rgba(148,163,184,.32);border-radius:26px;padding:28px;color:#e2e8f0;background:linear-gradient(145deg,#172554,#0f172a 72%);box-shadow:0 28px 80px #0206176b;animation:manual-dial-slide-up .24s cubic-bezier(.22,1,.36,1)}.mode-switch-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:20px;border-radius:18px;color:#fef3c7;background:linear-gradient(135deg,#f59e0b,#ea580c);font-size:25px;box-shadow:0 12px 28px #ea580c47}.mode-switch-eyebrow{color:#93c5fd;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mode-switch-copy h2{margin:8px 0 10px;color:#f8fafc;font-size:24px}.mode-switch-copy p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.65}.mode-switch-copy strong{color:#f8fafc}.mode-switch-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.mode-switch-cancel,.mode-switch-confirm{border:0;border-radius:13px;padding:11px 15px;font-weight:800;cursor:pointer}.predictive-capacity-card{overflow:hidden;color:#e2e8f0;border:1px solid rgba(99,102,241,.26);background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.24),transparent 42%),linear-gradient(145deg,#172554,#0f172a 78%);box-shadow:0 16px 34px #1e295a29}.kpi-context-card{border:1px solid rgba(56,189,248,.2);background:radial-gradient(circle at 100% 0%,rgba(14,165,233,.14),transparent 40%),linear-gradient(145deg,#0f172a,#172554);box-shadow:0 16px 34px #0f172a24}.compact-kpi-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.compact-kpi-heading h3{margin:5px 0 0;color:#f8fafc}.compact-kpi-eyebrow{color:#7dd3fc;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.compact-kpi-period{border:1px solid rgba(125,211,252,.24);border-radius:999px;padding:5px 8px;color:#bae6fd;background:#0e749038;font-size:10px;font-weight:900}.kpi-context-card .compact-kpi-grid{gap:8px;margin-top:18px}.kpi-context-card .stat-item-card{min-height:92px;border:1px solid rgba(148,163,184,.14);border-radius:15px;padding:12px;background:#0f172a57;box-shadow:none}.kpi-context-card .stat-label{color:#94a3b8;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.kpi-context-card .stat-value{margin-top:8px;color:#f8fafc;font-size:26px;line-height:1}.kpi-context-card .stat-helper{margin-top:7px;color:#64748b;font-size:10px}.kpi-context-card .stat-slate{border-color:#60a5fa4d;background:linear-gradient(145deg,#1e40af57,#0f172a75)}.kpi-context-card .stat-emerald{border-color:#34d39952;background:linear-gradient(145deg,#065f4661,#0f172a75)}.kpi-context-card .stat-amber{border-color:#fbbf2457;background:linear-gradient(145deg,#92400e61,#0f172a75)}.kpi-context-card .stat-sky{border-color:#38bdf857;background:linear-gradient(145deg,#0e749061,#0f172a75)}.kpi-context-card .stat-slate .stat-value{color:#bfdbfe}.kpi-context-card .stat-emerald .stat-value{color:#a7f3d0}.kpi-context-card .stat-amber .stat-value{color:#fde68a}.kpi-context-card .stat-sky .stat-value{color:#bae6fd}.predictive-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.predictive-card-heading h3{margin:5px 0 0;color:#f8fafc}.predictive-card-eyebrow,.predictive-hero-label{color:#93c5fd;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.predictive-live-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(74,222,128,.28);border-radius:999px;padding:5px 8px;color:#bbf7d0;background:#16653447;font-size:10px;font-weight:900}.predictive-live-badge i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade801f}.predictive-capacity-hero{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.predictive-capacity-hero strong{display:block;margin-top:3px;color:#fff;font-size:34px;line-height:1}.predictive-capacity-hero strong small{color:#94a3b8;font-size:15px;font-weight:700}.predictive-hero-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;color:#fde68a;background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 10px 24px #ea580c40}.predictive-capacity-track{height:7px;margin-top:15px;overflow:hidden;border-radius:999px;background:#94a3b833}.predictive-capacity-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#6366f1,#a78bfa);transition:width .3s ease}.predictive-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.predictive-metric-grid div{border:1px solid rgba(148,163,184,.14);border-radius:13px;padding:10px;background:#0f172a45}.predictive-metric-grid span,.predictive-metric-grid strong{display:block}.predictive-metric-grid span{color:#94a3b8;font-size:10px}.predictive-metric-grid strong{margin-top:3px;color:#f8fafc;font-size:19px}.mode-switch-cancel{color:#cbd5e1;background:#94a3b824}.mode-switch-confirm{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 8px 20px #2563eb47}.manual-call-confirm-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 12px 28px #2563eb47}@media(max-width:768px){.mode-switch-overlay{padding:12px}.mode-switch-dialog{width:100%;border-radius:22px 22px 8px;margin-bottom:76px}}@media(max-width:1200px){.state-machine-layout,.live-grid,.idle-grid,.wrap-grid,.rhythm-footer{grid-template-columns:1fr}}@media(max-width:768px){.dialer-header,.state-machine-layout{padding:16px}.workspace-top-strip,.agent-info-bar,.top-strip-actions{width:100%}.agent-info-bar{flex-wrap:wrap}.top-strip-actions{align-items:stretch}.state-machine-switch{width:100%;justify-content:space-between}.state-machine-switch label{flex:1 1 0;justify-content:center;min-width:0;padding-inline:6px}.primary-state-btn{width:100%}.presence-chip{flex:1 1 140px;min-width:0}.recent-call-chip{flex-basis:100%}.adaptive-canvas,.context-card,.rhythm-footer{border-radius:22px}.hero-timer{font-size:36px}.canvas-header h2{font-size:22px}.compact-kpi-grid,.inline-disposition-grid{grid-template-columns:1fr}.compact-kpi-grid{display:grid}.softphone-health-grid{grid-template-columns:1fr}.wrap-submit-bar{align-items:stretch;flex-direction:column}.callback-schedule-card{grid-template-columns:auto minmax(0,1fr)}.callback-schedule-card input{grid-column:1 / -1}.callback-schedule-hint{grid-column:auto}.wrap-submit-button{width:100%}.agent-dialer .manual-dial-overlay{padding:12px}.agent-dialer .manual-dial-widget{max-width:none;width:100%;border-radius:22px 22px 8px;margin-bottom:76px}}@media(max-width:460px){.dialer-header,.state-machine-layout{padding:12px}.adaptive-canvas{padding:16px;border-radius:18px}.agent-info-bar{gap:8px}.agent-avatar{width:44px;height:44px;border-radius:14px;font-size:20px}.agent-name{font-size:16px}.state-machine-switch label{gap:4px;font-size:11px;padding-inline:3px}.state-machine-switch input{margin:0}.canvas-header h2{font-size:20px}.presence-chip{flex-basis:100%}.recent-call-item{flex-wrap:nowrap}.recent-call-redial{width:28px;min-width:28px}}.agent-calls-page{max-width:1540px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}.page-kicker,.section-kicker,.insight-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#475569}.calls-hero,.calls-table-shell,.calls-insight-card,.calls-filters,.stat-card{background:#ffffffe0;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.calls-hero{border-radius:28px;padding:20px 22px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:16px;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(16,185,129,.14),transparent 30%),linear-gradient(135deg,#fff,#eff6ff 48%,#e2e8f0)}.calls-hero h1,.calls-table-header h2{margin:10px 0 0;color:#0f172a}.calls-hero h1{font-size:30px}.calls-hero p,.calls-insight-card p,.stat-footnote,.notes-text{color:#475569}.calls-hero-copy p{margin:10px 0 0;max-width:50ch;font-size:14px}.calls-hero-side{display:flex;flex-direction:column;gap:10px;align-items:stretch}.calls-refresh-btn{align-self:flex-end;border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0f172a,#1d4ed8);box-shadow:0 12px 24px #1d4ed833;cursor:pointer}.calls-hero-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calls-chip{padding:10px 12px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(255,255,255,.86);display:flex;flex-direction:column;gap:3px}.calls-chip span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.calls-chip strong{font-size:14px;color:#0f172a}.calls-stats-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.stat-card{position:relative;grid-column:span 2;border-radius:24px;padding:14px 14px 12px;min-height:138px;display:flex;flex-direction:column;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:24px 0 0 24px;background:#0f172a1f}.stat-card-featured{grid-column:span 4}.stat-card-featured:after{background:linear-gradient(180deg,#2563eb,#0ea5e9)}.stat-card-featured{background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 28%),linear-gradient(160deg,#dbeafe,#eff6ff 42%,#fff)}.stat-answered{background:linear-gradient(160deg,#ecfdf5,#d1fae5)}.stat-answered:after{background:linear-gradient(180deg,#10b981,#34d399)}.stat-sales{background:linear-gradient(160deg,#fffbeb,#fde68a)}.stat-sales:after{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.stat-callbacks{background:linear-gradient(160deg,#f0f9ff,#dbeafe)}.stat-callbacks:after{background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.stat-duration{background:linear-gradient(160deg,#f8fafc,#e2e8f0)}.stat-duration:after{background:linear-gradient(180deg,#64748b,#94a3b8)}.stat-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-icon{font-size:18px;line-height:1}.stat-trend{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700;color:#334155;background:#ffffffa3;border:1px solid rgba(255,255,255,.7)}.stat-value{margin-top:14px;font-size:24px;line-height:1;font-weight:800;color:#0f172a}.stat-label{margin-top:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.stat-footnote{margin:auto 0 0;padding-top:10px;font-size:11px;line-height:1.4;border-top:1px solid rgba(148,163,184,.2)}.calls-command-bar{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px}.calls-filters{border-radius:24px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#475569}.form-control{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;font-size:13px;background:#f8fafc;color:#0f172a}.calls-insight-card{border-radius:24px;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:radial-gradient(circle at top left,rgba(251,191,36,.16),transparent 26%),linear-gradient(180deg,#fff,#fff7ed)}.calls-insight-card strong{font-size:18px;color:#0f172a}.calls-insight-card p{font-size:13px}.calls-table-shell{border-radius:28px;padding:18px}.calls-table-header,.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.table-meta,.section-meta{font-size:13px;color:#64748b}.calls-table-container{overflow:auto;border-radius:22px;border:1px solid #e2e8f0;background:#fff}.calls-table{width:100%;border-collapse:collapse}.calls-table th{padding:15px 16px;text-align:left;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#475569}.calls-table td{padding:15px 16px;border-top:1px solid #e2e8f0;color:#1e293b;font-size:14px;vertical-align:top}.calls-table tbody tr:hover{background:#f8fafc}.phone-cell,.duration-cell{font-family:Courier New,monospace}.phone-cell{font-weight:700}.duration-cell{color:#475569}.status-badge,.disposition-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:700}.status-badge{padding:6px 12px;text-transform:uppercase}.status-completed{background:#dcfce7;color:#166534}.status-other{background:#e2e8f0;color:#475569}.disposition-badge{padding:7px 12px}.badge-primary{background:#dbeafe;color:#1d4ed8}.badge-warning{background:#fef3c7;color:#a16207}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-info{background:#ede9fe;color:#6d28d9}.badge-secondary{background:#e2e8f0;color:#475569}.notes-cell{max-width:240px}.notes-text{font-style:italic}.no-calls{padding:64px 20px;text-align:center}.no-calls-icon{display:block;font-size:56px;margin-bottom:12px;opacity:.35}.no-calls p{margin:0;color:#64748b}@media(max-width:1280px){.calls-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card,.stat-card-featured{grid-column:span 2}}@media(max-width:980px){.calls-hero,.calls-command-bar,.calls-hero-chips{grid-template-columns:1fr}.calls-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.stat-card-featured{grid-column:span 1}}@media(max-width:768px){.agent-calls-page{padding:16px}.calls-hero,.calls-table-shell,.stat-card,.calls-filters,.calls-insight-card{border-radius:22px}.calls-hero h1{font-size:28px}.calls-refresh-btn{align-self:stretch}.calls-filters,.calls-stats-grid{grid-template-columns:1fr}.calls-table th,.calls-table td{padding:12px 10px}}.calls-stats-grid{align-items:stretch;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stat-card{isolation:isolate;grid-column:span 1;min-height:116px;padding:12px 13px 10px;border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 22px #0f172a12,inset 0 1px #fffc;transition:transform .18s ease,box-shadow .18s ease}.stat-card:before{content:"";position:absolute;width:118px;height:118px;right:-40px;top:-48px;border-radius:50%;background:#ffffff61;z-index:-1}.stat-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #0f172a1c,inset 0 1px #ffffffe6}.stat-card-head{position:relative;z-index:1}.stat-icon{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#ffffffb8;box-shadow:0 4px 10px #0f172a14;font-size:17px}.stat-trend{color:#1e3a8a;background:#ffffffbd;border-color:#ffffffeb}.stat-value{position:relative;z-index:1;font-size:29px;letter-spacing:-.04em}.stat-label{position:relative;z-index:1;font-size:10px;letter-spacing:.1em}.stat-footnote{position:relative;z-index:1}.stat-card-featured{grid-column:span 1;background:linear-gradient(145deg,#dbeafe,#eff6ff 58%,#fff)}.stat-answered{background:linear-gradient(145deg,#d1fae5,#ecfdf5 58%,#fff)}.stat-sales{background:linear-gradient(145deg,#fef3c7,#fffbeb 58%,#fff)}.stat-callbacks{background:linear-gradient(145deg,#cffafe,#f0f9ff 58%,#fff)}.stat-duration{background:linear-gradient(145deg,#e2e8f0,#f8fafc 58%,#fff)}@media(max-width:1100px){.calls-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.calls-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.calls-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:112px}}.agent-calls-page{max-width:1440px;padding:24px 28px 36px;gap:20px;background:#f6f8fb}.calls-hero,.calls-table-shell,.calls-insight-card,.calls-filters,.stat-card{border-color:#e2e8f0;box-shadow:0 8px 24px #0f172a0e;-webkit-backdrop-filter:none;backdrop-filter:none}.calls-hero{min-height:168px;padding:24px 26px;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);background:linear-gradient(120deg,#fff,#f8fbff 62%,#eef5ff)}.page-kicker,.section-kicker,.insight-kicker{color:#2563eb;letter-spacing:.1em}.calls-hero h1{margin-top:8px;font-size:32px;letter-spacing:-.03em}.calls-hero-copy p{margin-top:8px;color:#64748b}.calls-refresh-btn{min-width:94px;border-radius:9px;padding:9px 15px;background:#1d4ed8;box-shadow:0 6px 14px #1d4ed829}.calls-refresh-btn:hover{background:#1e40af}.calls-chip{border-radius:10px;padding:11px 12px;background:#fff;border:1px solid #e2e8f0}.calls-chip strong{font-size:13px}.calls-stats-grid{gap:14px}.stat-card,.stat-card-featured{min-height:128px;border-radius:14px;padding:15px 16px 13px}.stat-card-featured{background:#eef5ff}.stat-answered{background:#effaf5}.stat-sales{background:#fff9e8}.stat-callbacks{background:#eef9ff}.stat-duration{background:#f8fafc}.stat-card:after{width:3px}.stat-icon{filter:saturate(.8);font-size:16px}.stat-value{margin-top:12px;font-size:26px}.stat-label{color:#334155}.stat-footnote{padding-top:8px;color:#64748b;font-size:10px}.calls-command-bar{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px}.calls-filters,.calls-insight-card{border-radius:14px;padding:16px}.form-control{min-height:40px;border-color:#d7e0eb;border-radius:9px;background:#fff;outline:none}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.calls-insight-card{background:#f8fbff}.calls-insight-card strong{font-size:16px}.calls-insight-card p{margin:0;color:#64748b}.calls-table-shell{border-radius:16px;padding:20px;background:#fff}.calls-table-header{align-items:center;margin-bottom:14px}.calls-table-header h2{margin-top:5px;font-size:20px;letter-spacing:-.02em}.calls-table-container{border-radius:10px;border-color:#e5eaf1}.calls-table thead{background:#f8fafc}.calls-table th{padding:13px 15px;color:#64748b;font-size:10px}.calls-table td{padding:14px 15px;border-top-color:#edf1f5;font-size:13px}.calls-table tbody tr:hover{background:#f8fbff}.status-badge,.disposition-badge{font-size:11px}.status-badge{padding:5px 9px}.disposition-badge{padding:6px 9px}@media(max-width:768px){.agent-calls-page{padding:16px;gap:14px}.calls-hero{padding:20px}.calls-hero h1{font-size:27px}.calls-table-shell{padding:14px}}.agent-stats-page{max-width:1540px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:22px}.page-kicker,.section-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#475569}.stats-hero,.overview-card,.stats-section,.insight-panel{background:#ffffffe0;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stats-hero{border-radius:28px;padding:26px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:20px;background:radial-gradient(circle at top left,rgba(16,185,129,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(59,130,246,.16),transparent 26%),linear-gradient(135deg,#fff,#ecfeff 45%,#eff6ff)}.stats-hero h1{margin:10px 0 0;font-size:34px;color:#0f172a}.stats-hero-copy p{margin:14px 0 0;max-width:58ch;color:#475569}.stats-hero-side{display:flex;flex-direction:column;gap:14px}.period-selector .form-control{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:14px;font-size:14px;background:#fff;color:#0f172a}.stats-hero-chips{display:grid;gap:10px}.hero-chip{padding:14px 16px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(255,255,255,.86);display:flex;flex-direction:column;gap:5px}.hero-chip span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.hero-chip strong{font-size:16px;color:#0f172a}.stats-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.overview-card{border-radius:24px;padding:20px;display:flex;gap:16px;align-items:flex-start}.overview-card.featured,.overview-card.primary{background:linear-gradient(160deg,#dbeafe,#eff6ff)}.overview-card.success{background:linear-gradient(160deg,#ecfdf5,#d1fae5)}.overview-card.warning{background:linear-gradient(160deg,#fffbeb,#fde68a)}.overview-card.info{background:linear-gradient(160deg,#f0f9ff,#dbeafe)}.overview-card.purple{background:linear-gradient(160deg,#f5f3ff,#ede9fe)}.overview-icon{font-size:34px}.overview-value{font-size:34px;line-height:1;font-weight:800;color:#0f172a}.overview-label{margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.overview-subtext{margin-top:8px;font-size:13px;line-height:1.45;color:#475569}.stats-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-panel{border-radius:24px;padding:20px}.insight-panel h2,.section-header h2{margin:10px 0 0;color:#0f172a}.insight-panel p,.metric-copy{margin:10px 0 0;color:#475569}.stats-section{border-radius:28px;padding:22px}.disposition-chart{display:flex;flex-direction:column;gap:14px}.disposition-item{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) 56px;align-items:center;gap:16px}.disposition-info{display:flex;flex-direction:column;gap:4px}.disposition-label{font-size:14px;font-weight:700;color:#0f172a}.disposition-count{font-size:12px;color:#64748b}.disposition-bar{height:24px;background:#e2e8f0;border-radius:999px;overflow:hidden}.disposition-fill{height:100%;border-radius:999px;transition:width .4s ease}.disposition-percentage{text-align:right;font-size:14px;font-weight:700;color:#0f172a}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{border-radius:22px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0}.metric-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.metric-value{margin-top:10px;font-size:32px;font-weight:800;color:#0f172a}.metric-bar{margin-top:14px;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#10b981);border-radius:999px;transition:width .4s ease}.no-stats{padding:64px 20px;text-align:center;color:#64748b}.no-stats-icon{display:block;font-size:56px;margin-bottom:12px;opacity:.35}@media(max-width:1280px){.stats-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-insights-grid,.metrics-grid{grid-template-columns:1fr}}@media(max-width:980px){.stats-hero,.disposition-item{grid-template-columns:1fr}.stats-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.disposition-percentage{text-align:left}}@media(max-width:768px){.agent-stats-page{padding:16px}.stats-hero,.overview-card,.insight-panel,.stats-section{border-radius:22px}.stats-hero h1{font-size:28px}.stats-overview-grid{grid-template-columns:1fr}}.agent-stats-page{max-width:1440px;padding:24px 28px 36px;gap:20px;background:#f6f8fb}.stats-hero,.overview-card,.stats-section,.insight-panel{border-color:#e2e8f0;box-shadow:0 8px 24px #0f172a0e;-webkit-backdrop-filter:none;backdrop-filter:none}.stats-hero{min-height:168px;padding:24px 26px;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);background:linear-gradient(120deg,#fff,#f8fbff 62%,#eef5ff)}.page-kicker,.section-kicker{color:#2563eb;letter-spacing:.1em}.stats-hero h1{margin-top:8px;font-size:32px;letter-spacing:-.03em}.stats-hero-copy p{margin-top:8px;color:#64748b}.stats-hero-side{justify-content:center}.period-selector{max-width:240px;margin-left:auto;width:100%}.period-selector .form-control{min-height:40px;padding:10px 12px;border-color:#d7e0eb;border-radius:9px;outline:none}.period-selector .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.hero-chip{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e2e8f0}.hero-chip strong{font-size:14px}.stats-overview-grid{gap:10px}.overview-card{position:relative;isolation:isolate;min-height:116px;padding:13px;gap:11px;border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.overview-card:before{content:"";position:absolute;width:116px;height:116px;right:-42px;top:-46px;border-radius:50%;background:#fff6;z-index:-1}.overview-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.overview-icon{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:#ffffffbf;box-shadow:0 4px 10px #0f172a14;font-size:17px}.overview-value{font-size:27px;letter-spacing:-.04em}.overview-label{margin-top:5px;font-size:10px;letter-spacing:.1em;color:#334155}.overview-subtext{margin-top:7px;font-size:10px;color:#64748b}.overview-card.featured,.overview-card.primary{background:linear-gradient(145deg,#dbeafe,#eff6ff 58%,#fff)}.overview-card.success{background:linear-gradient(145deg,#d1fae5,#ecfdf5 58%,#fff)}.overview-card.warning{background:linear-gradient(145deg,#fef3c7,#fffbeb 58%,#fff)}.overview-card.info{background:linear-gradient(145deg,#cffafe,#f0f9ff 58%,#fff)}.overview-card.purple{background:linear-gradient(145deg,#e2e8f0,#f8fafc 58%,#fff)}.stats-insights-grid{gap:12px}.insight-panel{padding:16px;border-radius:14px}.insight-panel h2,.section-header h2{margin-top:6px;font-size:18px;letter-spacing:-.02em}.insight-panel p,.metric-copy{margin-top:7px;font-size:12px;color:#64748b}.stats-section{padding:18px;border-radius:16px;background:#fff}.section-header{margin-bottom:14px}.disposition-chart{gap:11px}.disposition-item{grid-template-columns:minmax(160px,220px) minmax(0,1fr) 48px;gap:12px}.disposition-bar{height:10px;background:#edf2f7}.metrics-grid{gap:12px}.metric-card{padding:16px;border-radius:14px;background:#f8fafc}.metric-value{margin-top:7px;font-size:27px}.metric-bar{margin-top:11px;height:8px}@media(max-width:768px){.agent-stats-page{padding:16px;gap:14px}.stats-hero{padding:20px}.stats-hero h1{font-size:27px}.overview-card,.insight-panel,.stats-section{border-radius:14px}}.agent-profile-page{max-width:1440px;margin:0 auto;padding:24px}.profile-content{display:flex;flex-direction:column;gap:22px}.page-kicker,.section-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7}.profile-hero-card,.profile-section,.action-card,.mini-stat{background:#ffffffe0;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #0f172a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.profile-hero-card{border-radius:28px;padding:28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px;color:#fff;background:radial-gradient(circle at top left,rgba(251,191,36,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(56,189,248,.18),transparent 28%),linear-gradient(135deg,#0f172a,#1e3a8a 55%,#0f766e)}.profile-hero-main{display:flex;align-items:center;gap:20px}.profile-avatar{width:108px;height:108px;border-radius:30px;background:#ffffff29;display:flex;align-items:center;justify-content:center;font-size:50px;box-shadow:inset 0 1px #fff3}.profile-info h1{margin:10px 0 8px;font-size:34px}.profile-employee-id,.profile-tenant{margin:0 0 6px;color:#ffffffd1}.profile-employee-id{font-family:Courier New,monospace}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-active{background:#10b98147;color:#fff}.status-inactive{background:#94a3b838;color:#ffffffe0}.profile-hero-side{display:flex;flex-direction:column;gap:14px}.profile-refresh-btn{align-self:flex-end;border:none;border-radius:14px;padding:12px 18px;font-weight:700;background:#ffffff29;color:#fff;cursor:pointer}.profile-hero-chips{display:grid;gap:10px}.hero-chip{padding:14px 16px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px}.hero-chip span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffffad}.hero-chip strong{font-size:16px;color:#fff}.profile-section{border-radius:26px;padding:22px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.section-kicker{color:#475569}.section-header h2{margin:10px 0 0;color:#0f172a}.section-meta{font-size:13px;color:#64748b}.details-grid,.performance-mini-grid,.actions-grid{display:grid;gap:16px}.details-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-item{padding:18px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.detail-item label,.mini-stat-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.detail-value{font-size:16px;font-weight:700;color:#0f172a}.performance-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stat{border-radius:22px;padding:20px}.mini-stat.featured{background:linear-gradient(160deg,#dbeafe,#eff6ff)}.mini-stat-value{font-size:32px;font-weight:800;color:#0f172a}.mini-stat-copy{margin:10px 0 0;font-size:13px;line-height:1.5;color:#475569}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{border-radius:22px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer;background:#f8fafc;color:#0f172a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 20px 30px #0f172a14;border-color:#3b82f63d}.action-card.danger{background:linear-gradient(180deg,#fff1f2,#ffe4e6)}.action-icon{font-size:34px}.action-label{font-size:16px;font-weight:700}.no-profile{padding:64px 20px;text-align:center;color:#64748b}.agent-profile-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.agent-profile-page .modal-content{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 24px 48px #0f172a38}.agent-profile-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.agent-profile-page .modal-header h2{margin:0;color:#0f172a}.agent-profile-page .modal-close{border:none;background:transparent;font-size:28px;color:#64748b;cursor:pointer}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#334155}.form-control{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:14px;font-size:14px;background:#f8fafc}.form-control:focus{outline:none;border-color:#60a5fa}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{border:none;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer}.btn-secondary{background:#e2e8f0;color:#0f172a}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff}@media(max-width:1180px){.details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.profile-hero-card,.details-grid,.actions-grid{grid-template-columns:1fr}.profile-hero-main{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.agent-profile-page{padding:16px}.profile-hero-card,.profile-section,.mini-stat,.action-card,.agent-profile-page .modal-content{border-radius:22px}.profile-info h1{font-size:28px}.profile-refresh-btn{align-self:stretch}.performance-mini-grid{grid-template-columns:1fr}}.agent-profile-page{max-width:1440px;padding:24px 28px 36px;background:#f6f8fb}.profile-content{gap:20px}.profile-hero-card,.profile-section,.action-card,.mini-stat{border-color:#e2e8f0;box-shadow:0 8px 24px #0f172a0e;-webkit-backdrop-filter:none;backdrop-filter:none}.profile-hero-card{min-height:170px;padding:24px 26px;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(120deg,#0f172a,#1e3a8a 68%,#155e75)}.profile-hero-main{gap:16px}.profile-avatar{width:76px;height:76px;border-radius:20px;font-size:36px;background:#ffffff24}.profile-info h1{margin:7px 0 5px;font-size:30px;letter-spacing:-.03em}.profile-hero-side{justify-content:center}.profile-refresh-btn{border-radius:9px;padding:9px 15px;background:#ffffff29}.profile-refresh-btn:hover{background:#ffffff3d}.profile-section{padding:18px;border-radius:16px;background:#fff}.section-header{margin-bottom:14px;align-items:center}.section-kicker{color:#2563eb;letter-spacing:.1em}.section-header h2{margin-top:5px;font-size:19px;letter-spacing:-.02em}.details-grid{gap:10px}.detail-item{min-height:74px;padding:13px;gap:6px;border-radius:11px;background:#f8fafc}.detail-item label,.mini-stat-label{font-size:10px;letter-spacing:.1em}.detail-value{font-size:14px}.performance-mini-grid{gap:10px}.mini-stat{min-height:112px;padding:14px;border-radius:13px;background:#f8fafc}.mini-stat.featured{background:linear-gradient(145deg,#dbeafe,#eff6ff 58%,#fff)}.mini-stat-value{font-size:27px;letter-spacing:-.04em}.mini-stat-copy{margin-top:7px;font-size:11px;color:#64748b}.actions-grid{gap:10px}.action-card{min-height:78px;padding:14px;border-radius:13px;flex-direction:row;align-items:center;gap:11px;background:#f8fafc}.action-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0f172a14}.action-icon{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e0edff;font-size:17px}.action-card.danger .action-icon{background:#ffe4e6}.action-label{font-size:14px}.agent-profile-page .modal-content{border-radius:16px;padding:20px}.agent-profile-page .modal-header{margin-bottom:18px}.agent-profile-page .modal-close{font-size:24px}.form-group{margin-bottom:14px}.form-control{padding:10px 12px;border-radius:9px;background:#fff}.btn{border-radius:9px;padding:10px 15px}@media(max-width:980px){.profile-hero-card{grid-template-columns:1fr}.profile-hero-main{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.agent-profile-page{padding:16px}.profile-hero-card{padding:20px}.profile-info h1{font-size:27px}.profile-refresh-btn{align-self:stretch}}.live-monitoring-page{display:grid;gap:16px;color:#16243a}.monitoring-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;color:#eff8ff;background:linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.monitoring-eyebrow,.monitoring-header p,.panel-kicker,.monitoring-alert,.panel-note{margin:0}.monitoring-eyebrow,.panel-kicker{color:#7dd3fc;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.monitoring-header h1{margin:5px 0 7px;font-size:28px;line-height:1.15;letter-spacing:-.035em}.monitoring-header>div>p:last-child{color:#dbeafe;font-size:14px}.monitoring-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:260px}.sync-pill{display:inline-flex;align-items:center;gap:7px;color:#dbeafe;font-size:12px;white-space:nowrap}.sync-pill i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff1a}.sync-live{color:#6ee7b7}.sync-connecting{color:#fde68a}.sync-polling{color:#bfdbfe}.updated-label{color:#dbeafe;font-size:12px;white-space:nowrap}.monitoring-refresh{min-height:36px;padding:8px 13px;color:#0a294a;font-size:12px;font-weight:800;background:#f8fafc;border:0;border-radius:9px;cursor:pointer}.monitoring-refresh:hover:not(:disabled){background:#e0f2fe}.monitoring-refresh:disabled{opacity:.65;cursor:progress}.monitoring-alert{padding:10px 13px;color:#92400e;font-size:13px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.monitoring-filters{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.monitoring-filters input{width:min(100%,270px);min-height:34px;padding:7px 10px;color:#1e293b;font-size:12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px}.monitoring-filters input:focus{border-color:#2563eb;outline:0;box-shadow:0 0 0 3px #2563eb1a}.filter-buttons{display:flex;flex-wrap:wrap;gap:5px}.filter-buttons button{min-height:30px;padding:5px 8px;color:#64748b;font-size:11px;font-weight:750;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer}.filter-buttons button:hover{color:#1e3a5f;border-color:#bfdbfe}.filter-buttons button.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.agent-filters{margin:0 0 12px}.monitoring-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.monitoring-metric{display:grid;gap:5px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 18px #0f172a0b}.monitoring-metric:before{width:28px;height:3px;content:"";background:#2563eb;border-radius:4px}.metric-agent:before{background:#16a34a}.monitoring-metric span{color:#64748b;font-size:12px;font-weight:700}.monitoring-metric strong{color:#0f172a;font-size:29px;line-height:1;letter-spacing:-.04em}.monitoring-metric small{color:#64748b;font-size:12px}.monitoring-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:16px;align-items:start}.monitoring-panel{padding:18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 18px #0f172a0b}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{margin:3px 0 0;color:#0f172a;font-size:17px;letter-spacing:-.02em}.panel-count{display:grid;place-items:center;min-width:28px;min-height:28px;padding:3px 8px;color:#1d4ed8;font-size:12px;font-weight:800;background:#eff6ff;border-radius:999px}.call-list,.agent-session-list{display:grid;border-top:1px solid #eef2f7}.live-call-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;min-height:62px;border-bottom:1px solid #eef2f7}.live-call-row:last-child,.agent-session-row:last-child{border-bottom:0}.call-participants strong,.agent-session-row strong{display:block;overflow:hidden;color:#1e293b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.call-participants span,.agent-session-row span{display:block;margin-top:2px;color:#64748b;font-size:12px}.live-call-row time{color:#475569;font-size:12px;font-variant-numeric:tabular-nums}.live-status{display:inline-flex!important;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;margin:0!important;border-radius:999px;font-size:10px!important;font-weight:800;white-space:nowrap}.tone-good{color:#166534!important;background:#dcfce7}.tone-warn{color:#92400e!important;background:#fef3c7}.tone-neutral{color:#475569!important;background:#f1f5f9}.call-actions{display:flex;gap:6px}.call-actions button{padding:6px 8px;color:#334155;font-size:11px;font-weight:750;background:#f1f5f9;border:0;border-radius:7px;cursor:pointer}.call-actions button:hover{background:#e2e8f0}.call-actions .listen{color:#166534;background:#ecfdf5}.call-actions .listen:hover{background:#dcfce7}.call-actions .hangup{color:#b42318;background:#fef2f2}.call-actions .hangup:hover{background:#fee2e2}.agent-session-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:58px;border-bottom:1px solid #eef2f7}.agent-session-logout{border:1px solid #fecaca;border-radius:7px;padding:6px 9px;color:#b91c1c;background:#fff;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.agent-session-logout:hover:not(:disabled){background:#fef2f2}.agent-session-logout:disabled{cursor:wait;opacity:.6}.panel-note{margin-top:12px;color:#64748b;font-size:12px}.monitoring-empty{padding:18px;color:#64748b;font-size:13px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px}.activity-panel{margin-top:0}.activity-list{display:grid;border-top:1px solid #eef2f7}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;border-bottom:1px solid #eef2f7}.activity-row:last-child{border-bottom:0}.activity-dot{width:8px;height:8px;background:#38bdf8;border-radius:50%;box-shadow:0 0 0 4px #38bdf821}.activity-row strong{display:block;color:#1e293b;font-size:12px}.activity-row>div span{display:block;margin-top:2px;color:#64748b;font-size:11px}.activity-row time{color:#64748b;font-size:11px;white-space:nowrap}@media(max-width:1100px){.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-grid{grid-template-columns:1fr}}@media(max-width:720px){.monitoring-header{flex-direction:column;padding:20px}.monitoring-controls{justify-content:flex-start;min-width:0}.monitoring-header h1{font-size:25px}.monitoring-panel{padding:15px}.monitoring-filters{align-items:stretch;flex-direction:column}.monitoring-filters input{width:100%}.live-call-row{grid-template-columns:minmax(0,1fr) auto;padding:9px 0}.live-call-row time{grid-column:2}.call-actions{grid-column:1 / -1}.call-actions button{flex:1}.activity-row{grid-template-columns:auto minmax(0,1fr);padding:8px 0}.activity-row time{grid-column:2}}@media(max-width:430px){.monitoring-metrics{grid-template-columns:1fr}}.reports-page{animation:fadeIn .4s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;color:#fff}.header-left h1{margin:0;font-size:28px;font-weight:800;display:flex;align-items:center;gap:12px}.page-subtitle{margin:4px 0 0;font-size:14px;opacity:.9;font-weight:500}.header-actions{display:flex;gap:8px;align-items:center}.report-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto;margin-right:12px}.report-tab{border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.report-tab.active,.report-tab:hover{background:#fff;color:#667eea}.btn-toggle{width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease}.btn-toggle:hover{background:#fff3;transform:translateY(-2px)}.btn-toggle.active{background:#fff;color:#667eea;border-color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000f;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-total:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-answered:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-missed:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-duration:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-avg:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-rate:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a}.stat-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:14px}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.filters-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000f;padding:24px;margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.panel-header h3{margin:0;font-size:18px;color:#1e293b;font-weight:700}.btn-text{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:6px 12px;border-radius:8px;transition:all .2s ease}.btn-text:hover{background:#f1f5f9;color:#1e293b}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.form-group label{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.3px}.form-control{padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s ease;background:#fff}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:20px;border-top:2px solid #f1f5f9}.export-buttons{display:flex;gap:8px;align-items:center;margin-left:auto}.export-label{font-size:13px;color:#64748b;font-weight:600}.btn{padding:10px 20px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;border:2px solid #cbd5e1}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-sm{padding:8px 14px;font-size:13px}.report-results{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000f;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:2px solid #e2e8f0}.results-header h3{margin:0;font-size:18px;color:#1e293b;font-weight:700}.results-info{font-size:13px;color:#64748b}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table thead th{padding:16px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);transform:scale(1.01)}.data-table tbody tr.row-success{border-left:4px solid #10b981}.data-table tbody tr.row-warning{border-left:4px solid #f59e0b}.data-table tbody td{padding:14px 12px;font-size:14px;color:#1e293b}.datetime-cell{font-size:13px;color:#64748b;white-space:nowrap}.direction-cell{font-weight:600}.caller-cell,.destination-cell{font-family:Courier New,monospace;font-weight:600;color:#1e293b}.duration-cell{font-weight:700;color:#667eea}.status-cell,.cause-cell{white-space:nowrap}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:24px}.cdr-card{background:#fff;border:2px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .3s ease}.cdr-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:2px solid #e2e8f0}.card-datetime{font-size:13px;font-weight:700;color:#1e293b}.card-direction{font-size:13px;font-weight:600;color:#64748b}.card-body{padding:16px}.card-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.card-row:last-child{border-bottom:none}.card-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.card-value{font-size:14px;color:#1e293b;font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid}.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-color:#6ee7b7}.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border-color:#fcd34d}.badge-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#fca5a5}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:center}.stats-grid,.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.export-buttons{margin-left:0;justify-content:center}.cards-grid{grid-template-columns:1fr}}.reports-page{color:#172033}.report-library{max-width:1180px;margin:0 auto}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:28px 32px;color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:14px;box-shadow:0 8px 24px #0f172a24}.library-eyebrow{display:block;margin-bottom:7px;color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.library-header h1{margin:0;font-size:30px;letter-spacing:-.6px}.library-header p{margin:7px 0 0;color:#cbd5e1;font-size:14px}.library-header-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid #334155;border-radius:14px;background:#1e293b;font-size:26px}.report-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.report-library-card{position:relative;display:flex;min-height:215px;padding:20px;flex-direction:column;align-items:flex-start;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#172033;text-align:left;cursor:pointer;box-shadow:0 2px 8px #0f172a0d;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.report-library-card:hover,.report-library-card:focus-visible{border-color:#93c5fd;outline:none;box-shadow:0 8px 20px #2563eb1f;transform:translateY(-2px)}.report-library-icon{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:10px;background:#eff6ff;font-size:20px}.report-library-tag{margin-bottom:7px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.report-library-card strong{margin-bottom:8px;font-size:16px}.report-library-description{color:#64748b;font-size:12px;line-height:1.55}.report-library-open{display:flex;width:100%;margin-top:auto;padding-top:16px;justify-content:space-between;color:#1d4ed8;font-size:12px;font-weight:800}.report-back-button{white-space:nowrap}.reports-page .page-header{gap:20px;padding:22px 26px;background:#0f172a;border:1px solid #1e293b;border-radius:12px;box-shadow:0 8px 24px #0f172a29}.reports-page .header-left{min-width:220px}.reports-page .header-left h1{font-size:23px;letter-spacing:-.3px}.reports-page .page-subtitle{color:#cbd5e1;opacity:1;font-size:13px}.report-tabs{margin:0 auto 0 0;padding:4px;background:#1e293bcc;border:1px solid #334155;border-radius:10px;gap:3px}.report-tab{border:0;border-radius:7px;padding:9px 12px;color:#cbd5e1;background:transparent;font-size:12px;transition:background .15s ease,color .15s ease}.report-tab.active,.report-tab:hover{color:#0f172a;background:#f8fafc}.reports-page .btn-toggle{width:36px;height:36px;border:1px solid #475569;border-radius:8px;color:#cbd5e1;background:transparent;font-size:15px}.reports-page .btn-toggle.active,.reports-page .btn-toggle:hover{color:#0f172a;background:#f8fafc;border-color:#f8fafc;transform:none}.reports-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px}.reports-page .stat-card{height:78px;min-height:78px;min-width:0;padding:9px 11px;gap:9px;border-radius:10px;border-color:#e2e8f0;box-shadow:0 1px 4px #0f172a0d;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:nowrap}.reports-page .stat-card:before{height:2px}.reports-page .stat-card:hover{transform:none;border-color:#bfdbfe;box-shadow:0 4px 10px #0f172a14;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1a}.reports-page .stat-icon{width:29px;height:29px;flex:0 0 29px;font-size:13px;border-radius:8px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.reports-page .stat-value{font-size:clamp(15px,1.35vw,18px);letter-spacing:-.4px;margin-bottom:3px;white-space:nowrap;overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums}.reports-page .stat-content{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:nowrap;overflow:visible}.reports-page .stat-label{font-size:9px;letter-spacing:.45px;line-height:1.2;white-space:normal;min-height:20px}.reports-page .stat-total .stat-icon{background:#eef2ff}.reports-page .stat-answered .stat-icon{background:#ecfdf5}.reports-page .stat-missed .stat-icon{background:#fef2f2}.reports-page .stat-duration .stat-icon{background:#eff6ff}.reports-page .stat-avg .stat-icon{background:#fffbeb}.reports-page .stat-rate .stat-icon{background:#f5f3ff}.reports-page .cdr-card{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0f172a0e}.reports-page .cdr-card:hover{border-color:#93c5fd;box-shadow:0 7px 16px #2563eb1f;transform:translateY(-2px)}.reports-page .cards-grid{gap:12px;padding:18px}.reports-page .card-header{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reports-page .card-body{padding:12px 14px}.reports-page .card-row{padding:8px 0}.reports-page .filters-panel,.reports-page .report-results{border-radius:12px;border-color:#dbe3ee;box-shadow:0 3px 12px #0f172a0f}.reports-page .filters-panel{padding:20px}.reports-page .panel-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e7edf5}.reports-page .form-control{min-height:40px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;color:#172033;font-size:13px}.reports-page .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.reports-page .form-group label{font-size:11px;letter-spacing:.6px;color:#64748b}.reports-page .filter-actions{padding-top:16px;border-top:1px solid #e7edf5}.reports-page .btn{border-radius:8px;box-shadow:none}.reports-page .btn-primary{background:#2563eb}.reports-page .btn-primary:hover:not(:disabled){background:#1d4ed8;transform:none;box-shadow:0 4px 10px #2563eb38}.reports-page .btn-secondary{background:#f8fafc;border:1px solid #cbd5e1}.reports-page .results-header{padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reports-page .results-header h3{font-size:16px}.reports-page .table-container{max-height:62vh;overflow:auto}.reports-page .data-table{min-width:1050px}.reports-page .data-table thead{position:sticky;top:0;z-index:1;background:#1e293b}.reports-page .data-table thead th{padding:12px;font-size:10px;letter-spacing:.7px}.reports-page .data-table tbody tr:nth-child(2n){background:#fbfdff}.reports-page .data-table tbody tr:hover{background:#eff6ff;transform:none}.reports-page .data-table tbody td{padding:12px;font-size:13px;border-bottom:1px solid #edf2f7}.reports-page .badge{padding:4px 9px;border-radius:999px;font-size:10px;letter-spacing:.3px}@media(max-width:1100px){.reports-page .page-header{flex-wrap:wrap}.reports-page .report-tabs{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:thin}}@media(max-width:640px){.library-header{padding:22px}.library-header h1{font-size:25px}.library-header-mark{width:46px;height:46px;font-size:21px}.report-library-grid{grid-template-columns:1fr}.reports-page .page-header{padding:18px;align-items:stretch}.reports-page .header-left h1{font-size:20px}.reports-page .report-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.reports-page .report-tab{width:100%;padding:9px 6px;overflow:hidden;text-overflow:ellipsis}.reports-page .header-actions{justify-content:flex-end}.reports-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .stat-card{height:68px;min-height:68px;padding:8px;gap:8px}.reports-page .stat-icon{width:26px;height:26px;flex-basis:26px;font-size:13px}.reports-page .stat-value{font-size:16px}.reports-page .stat-label{font-size:9px}}.reports-page{max-width:1440px;margin:0 auto}.report-library{padding-bottom:24px}.library-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#172554 68%,#1d4ed8 140%)}.library-header:after{content:"";position:absolute;width:240px;height:240px;right:-80px;bottom:-150px;border:1px solid rgba(147,197,253,.22);border-radius:50%;box-shadow:0 0 0 22px #93c5fd0d,0 0 0 44px #93c5fd09;pointer-events:none}.report-library-card{min-height:230px;background:linear-gradient(180deg,#fff,#f8fbff)}.report-library-card:nth-child(2) .report-library-icon{background:#f5f3ff}.report-library-card:nth-child(3) .report-library-icon{background:#ecfdf5}.report-library-card:nth-child(4) .report-library-icon{background:#fff7ed}.report-library-card:nth-child(5) .report-library-icon{background:#ecfeff}.report-library-card strong{color:#0f172a;letter-spacing:-.15px}.reports-page .page-header{background:linear-gradient(135deg,#0f172a,#172554)}.report-workspace .page-header{position:relative;overflow:hidden;border-left:4px solid #60a5fa}.report-workspace .page-header:after{content:"";position:absolute;width:180px;height:180px;right:140px;top:-120px;border:1px solid rgba(147,197,253,.2);border-radius:50%;box-shadow:0 0 0 18px #93c5fd0a,0 0 0 36px #93c5fd06;pointer-events:none}.workspace-eyebrow{display:block;margin-bottom:6px;color:#93c5fd;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.report-agent .page-header{border-left-color:#a78bfa}.report-sessions .page-header{border-left-color:#22c55e}.report-cdr .page-header{border-left-color:#38bdf8}.report-workspace .filters-panel{border-top:3px solid #dbeafe}.report-workspace .report-results{border-top:3px solid #bfdbfe}.reports-page .filters-panel,.reports-page .report-results{background:#fffffffa}.reports-page .panel-header h3,.reports-page .results-header h3{display:flex;align-items:center;gap:8px}.reports-page .panel-header h3{color:#0f172a;font-size:15px;min-width:0}.filter-title-icon{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;font-size:13px}.reports-page .btn-text{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:30px;padding:0 9px;color:#2563eb;border:1px solid #bfdbfe;background:#eff6ff;font-size:11px;font-weight:700}.reports-page .btn-text span{font-size:15px;line-height:1}.reports-page .btn-text:hover{color:#1d4ed8;border-color:#93c5fd;background:#dbeafe;transform:none}.reports-page .reset-filters-button{flex:0 0 auto;min-height:34px;padding:0 12px;font-size:12px;color:#475569;border-color:#cbd5e1;background:#f8fafc}.reports-page .reset-filters-button:hover{color:#1e293b;border-color:#94a3b8;background:#f1f5f9;transform:none}.reports-page .filter-actions{display:flex;align-items:center;gap:10px}.reports-page .filter-actions .btn-primary{min-height:34px;padding:0 12px;font-size:12px;line-height:1.2;color:#475569;border:1px solid #cbd5e1;background:#f8fafc;box-shadow:none}.reports-page .filter-actions .btn-primary:hover:not(:disabled){color:#1e293b;border-color:#94a3b8;background:#f1f5f9;box-shadow:none;transform:none}.reports-page .export-buttons{display:flex;align-items:center;gap:8px;margin-left:auto}@media(max-width:768px){.reports-page .filter-actions{align-items:stretch}.reports-page .export-buttons{margin-left:0;justify-content:center}}.reports-page .data-table tbody td strong{color:#0f172a}@media(max-width:640px){.reports-page{padding-bottom:12px}.library-header{margin-bottom:16px}}.leads-view-page{display:grid;width:100%;min-width:0;max-width:100%;gap:18px;padding:4px;color:#0f172a}.leads-view-page .page-header-v2{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.leads-view-page .header-left{min-width:0}.leads-view-page .list-header-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#bae6fd;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.leads-view-page .list-header-kicker i{color:#7dd3fc}.leads-view-page .header-left h1{margin:0;overflow-wrap:anywhere;color:#fff;font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.1}.leads-view-page .header-left p{max-width:680px;margin:7px 0 0;color:#dbeafe;font-size:14px;line-height:1.55}.leads-view-page .list-header-status{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:5px 9px;border:1px solid rgba(186,230,253,.28);border-radius:999px;font-size:11px;font-weight:750}.leads-view-page .list-header-status i{font-size:7px}.leads-view-page .list-header-status.is-active{color:#bbf7d0;background:#16a34a2e}.leads-view-page .list-header-status.is-active i{color:#4ade80}.leads-view-page .list-header-status.is-inactive{color:#cbd5e1;background:#64748b38}.leads-view-page .list-header-status.is-inactive i{color:#94a3b8}.leads-view-page .header-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.leads-view-page .btn-primary-v2,.leads-view-page .btn-secondary-v2{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer}.leads-view-page .btn-primary-v2{color:#082f49;background:#f8fafc;border:1px solid transparent}.leads-view-page .btn-primary-v2:hover{background:#e0f2fe}.leads-view-page .btn-secondary-v2{color:#dbeafe;background:#ffffff14;border:1px solid rgba(191,219,254,.36)}.leads-view-page .btn-secondary-v2:hover{border-color:#bfdbfe99;background:#ffffff29}.leads-view-page .list-back-row{display:flex;align-items:center;min-height:32px}.leads-view-page .btn-back-v2{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer}.leads-view-page .btn-back-v2:hover{color:#1d4ed8;border-color:#93c5fd;background:#f8fbff}.leads-view-page .leads-batch-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.leads-view-page .mini-stat-card{min-width:0;min-height:106px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 14px #0f172a0a}.leads-view-page .mini-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.leads-view-page .mini-stat-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;font-size:12px}.leads-view-page .mini-stat-icon.blue{color:#2563eb;background:#dbeafe}.leads-view-page .mini-stat-icon.green{color:#16a34a;background:#dcfce7}.leads-view-page .mini-stat-icon.violet{color:#7c3aed;background:#ede9fe}.leads-view-page .mini-stat-card.success{border-top:3px solid #16a34a}.leads-view-page .mini-stat-card.highlight{border-top:3px solid #3b82f6}.leads-view-page .mini-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.leads-view-page .mini-value{color:#0f172a;font-size:28px;font-weight:750;line-height:1.1}.leads-view-page .active-text{color:#16a34a}.leads-view-page .inactive-text{color:#64748b}.leads-view-page .view-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:20px;align-items:start}.leads-view-page .main-leads-area,.leads-view-page .side-campaigns-area{min-width:0;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 5px 16px #0f172a0b}.leads-view-page .side-campaigns-area{background:#f8fafc}.leads-view-page .section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eef2f7}.leads-view-page .section-header h3{min-width:0;display:flex;align-items:center;gap:9px;margin:0;color:#1e293b;font-size:16px;font-weight:750}.leads-view-page .count-badge{flex-shrink:0;padding:5px 10px;color:#475569;background:#f1f5f9;border-radius:999px;font-size:11px;font-weight:700}.leads-view-page .lead-explorer-toolbar,.leads-view-page .lead-bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #eef2f7}.leads-view-page .lead-explorer-toolbar input,.leads-view-page .lead-explorer-toolbar select,.leads-view-page .lead-bulk-toolbar select{min-height:36px;padding:7px 10px;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:7px;font:inherit;font-size:12px}.leads-view-page .btn-list-action{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:7px 12px;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.16s ease}.leads-view-page .btn-list-action.view{color:#fff;background:#2563eb;border-color:#2563eb}.leads-view-page .btn-list-action.view:hover{background:#1d4ed8;border-color:#1d4ed8}.leads-view-page .btn-list-action.attach{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.leads-view-page .btn-list-action.attach:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.leads-view-page .btn-list-action:disabled{cursor:not-allowed;opacity:.5}.leads-view-page .lead-explorer-toolbar input{flex:1 1 180px;min-width:150px}.leads-view-page .lead-explorer-toolbar select{flex:0 1 130px}.leads-view-page .lead-bulk-toolbar{justify-content:flex-start;background:#eff6ff}.leads-view-page .lead-bulk-toolbar strong{color:#1d4ed8;font-size:12px;margin-right:auto}.leads-view-page .lead-bulk-toolbar button:disabled{cursor:not-allowed;opacity:.5}.leads-view-page .leads-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#64748b;font-size:12px}.leads-view-page .leads-pagination div{display:flex;gap:7px}.leads-view-page .leads-pagination button{padding:7px 11px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;cursor:pointer}.leads-view-page .leads-pagination button:disabled{cursor:not-allowed;opacity:.5}.leads-view-page .table-container-v2{overflow-x:auto}.leads-view-page .modern-table{width:100%;min-width:700px;border-collapse:collapse}.leads-view-page .modern-table th{padding:13px 16px;color:#64748b;background:#f8fafc;font-size:11px;font-weight:750;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.leads-view-page .modern-table td{padding:13px 16px;color:#334155;border-bottom:1px solid #f1f5f9;font-size:14px;white-space:nowrap}.leads-view-page .modern-table tbody tr:hover{background:#f8fbff}.leads-view-page .lead-phone-cell{display:inline-flex;align-items:center;gap:9px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.leads-view-page .lead-phone-cell i{color:#2563eb;font-family:"Font Awesome 5 Free";font-size:11px}.leads-view-page .lead-contact-cell{display:inline-flex;align-items:center;gap:10px;min-width:150px}.leads-view-page .lead-avatar{display:inline-grid;flex:0 0 32px;width:32px;height:32px;place-items:center;color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #bfdbfe;border-radius:10px;font-size:11px;font-weight:800}.leads-view-page .lead-contact-copy{display:grid;gap:3px;min-width:0}.leads-view-page .lead-contact-copy strong{color:#1e293b;font-size:13px;font-weight:750}.leads-view-page .lead-contact-copy small{color:#94a3b8;font-size:11px}.leads-view-page .id-cell{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.leads-view-page .location-cell,.leads-view-page .date-cell{color:#64748b;font-size:13px}.leads-view-page .status-tag{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.leads-view-page .status-new{color:#1d4ed8;background:#eff6ff}.leads-view-page .status-sale{color:#166534;background:#dcfce7}.leads-view-page .status-dnc{color:#991b1b;background:#fee2e2}.leads-view-page .status-callback,.leads-view-page .status-cbhold{color:#92400e;background:#fef3c7}.leads-view-page .btn-action-icon,.leads-view-page .btn-detach-mini{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#64748b;background:transparent;cursor:pointer}.leads-view-page .btn-action-icon{min-width:32px;height:32px;gap:6px;padding:0 9px}.leads-view-page .btn-action-icon span{font-size:11px;font-weight:700}.leads-view-page .btn-action-icon:hover,.leads-view-page .btn-detach-mini:hover{color:#2563eb;background:#eff6ff}.leads-view-page .attached-campaigns-list{display:grid;gap:10px;padding:14px}.leads-view-page .linked-campaign-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.leads-view-page .c-info{min-width:0;display:grid;gap:4px}.leads-view-page .c-info strong,.leads-view-page .c-info span{overflow-wrap:anywhere}.leads-view-page .c-info strong{color:#1e293b;font-size:13px}.leads-view-page .c-info span{color:#94a3b8;font-size:11px;text-transform:capitalize}.leads-view-page .btn-icon-sm{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:8px;cursor:pointer}.leads-view-page .btn-icon-sm:hover{color:#2563eb;border-color:#93c5fd}.leads-view-page .empty-mini,.leads-view-page .empty-state-v2{padding:48px 20px;color:#64748b;text-align:center}.leads-view-page .lead-timeline-dialog .modal-body{display:grid;gap:12px}.leads-view-page .lead-timeline-dialog h3{margin:8px 0 0;color:#1e293b;font-size:14px}.timeline-lead-summary{display:grid;gap:4px;padding:13px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px}.timeline-lead-summary strong{color:#0f172a;font-size:16px}.timeline-lead-summary span,.timeline-empty{color:#64748b;font-size:12px}.timeline-list{display:grid;gap:8px}.timeline-item{display:grid;gap:3px;padding:10px 12px;border-left:3px solid #60a5fa;background:#f8fafc;border-radius:0 8px 8px 0}.timeline-item strong{color:#1e293b;font-size:13px}.timeline-item span,.timeline-item small{color:#64748b;font-size:11px}.leads-view-page .modal-overlay{padding:24px;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.leads-view-page .modal-content{width:min(560px,100%);max-width:560px;max-height:calc(100vh - 32px);border-radius:16px;box-shadow:0 24px 70px #0f172a38}.leads-view-page .modal-header{padding:20px 24px}.leads-view-page .modal-body{padding:24px}.leads-view-page .modal-footer{padding:16px 24px}.leads-view-page .leads-view-import-dialog{display:flex;flex-direction:column;width:min(620px,100%);max-width:620px;min-height:0;overflow:hidden}.leads-view-page .leads-view-standard-dialog{width:min(620px,100%);max-width:620px}.leads-view-page .leads-view-standard-dialog .modal-header{background:#fff}.leads-view-page .leads-view-standard-dialog .modal-header h2{color:#0f172a;font-size:20px}.leads-view-page .leads-view-standard-dialog .modal-body{display:grid;gap:16px}.leads-view-page .leads-view-standard-dialog .form-group{margin:0}.leads-view-page .leads-view-standard-dialog .form-group label{color:#334155;font-size:13px;font-weight:750}.leads-view-page .leads-view-standard-dialog .form-control{min-height:42px;border-radius:9px}.leads-view-page .leads-view-standard-dialog .modal-footer{background:#f8fafc}.leads-view-page .lead-editor-dialog{display:flex;flex-direction:column;overflow:hidden}.leads-view-page .lead-editor-dialog form{display:flex;min-height:0;flex-direction:column}.leads-view-page .lead-editor-dialog .modal-header{flex:0 0 auto}.leads-view-page .lead-editor-dialog .modal-body{display:grid;min-height:0;gap:14px;overflow-y:auto}.leads-view-page .lead-editor-dialog .modal-footer{flex:0 0 auto}.leads-view-page .lead-editor-heading{min-width:0;align-items:center}.leads-view-page .lead-editor-icon{display:grid;flex:0 0 38px;width:38px;height:38px;margin-right:11px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:11px;font-size:15px}.leads-view-page .lead-editor-eyebrow{display:block;margin-bottom:2px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.leads-view-page .lead-editor-heading h2{color:#0f172a;font-size:20px}.leads-view-page .lead-editor-heading p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.4}.leads-view-page .lead-form-section-title{display:flex;align-items:center;gap:8px;padding-bottom:2px;color:#334155;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:800}.leads-view-page .lead-form-section-title i{color:#2563eb;font-size:12px}.leads-view-page .lead-form-section-title small{margin-left:auto;color:#94a3b8;font-size:10px;font-weight:500}.leads-view-page .lead-editor-dialog .form-grid{gap:12px}.leads-view-page .lead-editor-dialog .form-group{display:grid;gap:6px}.leads-view-page .lead-editor-dialog .form-group label{color:#475569;font-size:12px;font-weight:750}.leads-view-page .lead-editor-dialog .form-control{min-height:40px;border-color:#cbd5e1;border-radius:8px}.leads-view-page .lead-editor-dialog .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.leads-view-page .leads-import-intro{display:flex;align-items:flex-start;gap:13px;padding:16px;color:#1e3a5f;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:11px}.leads-view-page .leads-import-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:10px}.leads-view-page .leads-import-intro strong{display:block;color:#1e3a5f;font-size:14px}.leads-view-page .leads-import-intro p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.5}.leads-view-page .leads-import-step{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#334155;background:linear-gradient(135deg,#f8fbff,#f8fafc);border:1px solid #dbeafe;border-radius:11px}.leads-view-page .leads-import-step>span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;color:#1d4ed8;background:#dbeafe;border-radius:50%;font-size:12px;font-weight:800}.leads-view-page .leads-import-step>div{display:grid;gap:2px;min-width:0}.leads-view-page .leads-import-step strong{font-size:12px}.leads-view-page .leads-import-step strong i{margin-right:5px;color:#2563eb}.leads-view-page .leads-import-step small{color:#64748b;font-size:11px;line-height:1.4}.leads-view-page .leads-import-step .step-arrow{margin-left:auto;color:#93c5fd;font-size:12px}.leads-view-page .leads-view-import-dialog .modal-title-group p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.leads-view-page .leads-view-import-dialog .modal-heading{min-width:0;align-items:center}.leads-view-page .leads-import-header-icon{display:grid;flex:0 0 38px;width:38px;height:38px;margin-right:11px;place-items:center;color:#2563eb;background:#dbeafe;border-radius:11px;font-size:15px}.leads-view-page .leads-import-eyebrow{display:block;margin-bottom:2px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.leads-view-page .leads-import-format-badge{display:inline-flex;flex:0 0 auto;align-items:center;padding:5px 8px;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em}.leads-view-page .leads-view-import-dialog .modal-body{display:grid;flex:1 1 auto;min-height:0;gap:12px;padding-top:18px;padding-bottom:18px;overflow-y:auto}.leads-view-page .leads-view-import-dialog .modal-footer{flex:0 0 auto}.leads-view-page .leads-view-import-dialog .leads-import-field{display:grid;gap:8px;margin:0}.leads-view-page .leads-view-import-dialog .leads-import-field>label:not(.checkbox-label-wrapper){margin:0;color:#334155;font-size:13px;font-weight:750}.leads-view-page .leads-view-import-dialog .form-control{min-height:42px;border-radius:9px}.leads-view-page .leads-view-import-dialog textarea.form-control{min-height:160px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}.leads-view-page .file-upload-wrapper{display:grid;gap:9px;padding:14px;background:#f8fafc;border:1px dashed #93c5fd;border-radius:10px}.leads-view-page .file-input{position:absolute;width:1px;height:1px;min-height:1px;padding:0;opacity:0;pointer-events:none;border:0;background:transparent}.leads-view-page .file-upload-btn{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;padding:9px 12px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:12px;font-weight:750;cursor:pointer}.leads-view-page .file-name{color:#475569;font-size:12px;overflow-wrap:anywhere}.leads-view-page .leads-import-checkbox{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.leads-view-page .leads-import-checkbox .checkbox-label-wrapper{display:flex;align-items:center;gap:9px;margin:0;color:#334155;font-size:13px;font-weight:600;cursor:pointer}.leads-view-page .leads-import-checkbox .checkbox-input{accent-color:#2563eb}.leads-view-page .leads-import-sample{display:grid;gap:6px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}.leads-view-page .leads-import-sample .btn{width:-moz-fit-content;width:fit-content}.leads-view-page .leads-import-sample .sample-note{margin:0;color:#64748b;font-size:11px;line-height:1.45}.leads-view-page .import-rules-content{display:grid;gap:8px}.leads-view-page .import-rule-list{display:flex;flex-wrap:wrap;gap:6px}.leads-view-page .import-rule-list span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:11px;font-weight:650}.leads-view-page .import-rule-list i{color:#2563eb;font-size:10px}.leads-view-page .invalid-import-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px}.leads-view-page .invalid-import-summary>div{display:grid;gap:3px;min-width:0}.leads-view-page .invalid-import-summary strong{font-size:13px}.leads-view-page .invalid-import-summary span{color:#a16207;font-size:11px}.leads-view-page .invalid-import-download{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;padding:8px 10px;color:#92400e;background:#fff;border:1px solid #f59e0b;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}.leads-view-page .invalid-import-download:hover{color:#78350f;background:#fef3c7}@media(max-width:980px){.leads-view-page .view-content-grid{grid-template-columns:1fr}}@media(max-width:760px){.leads-view-page{padding:24px 16px 36px}.leads-view-page .page-header-v2{align-items:stretch;flex-direction:column;gap:18px}.leads-view-page .header-actions>button{flex:1}.leads-view-page .leads-batch-stats{grid-template-columns:1fr}.leads-view-page .modal-overlay{padding:12px}.leads-view-page .modal-header,.leads-view-page .modal-body,.leads-view-page .modal-footer{padding-left:18px;padding-right:18px}}@media(max-width:560px){.leads-view-page .modal-overlay{padding:8px}.leads-view-page .leads-view-import-dialog{max-height:calc(100vh - 16px)}.leads-view-page .leads-view-import-dialog .modal-header{padding:12px 14px}.leads-view-page .leads-view-import-dialog .modal-body{gap:10px;padding:12px 14px}.leads-view-page .leads-view-import-dialog .modal-footer{padding:10px 14px}.leads-view-page .leads-import-intro{padding:12px}.leads-view-page .leads-import-step>span{width:22px;height:22px;flex-basis:22px}.leads-view-page .lead-editor-dialog{max-height:calc(100vh - 16px)}.leads-view-page .lead-editor-dialog .modal-header{padding:14px}.leads-view-page .lead-editor-dialog .modal-body{gap:12px;padding:14px}.leads-view-page .lead-editor-dialog .modal-footer{padding:10px 14px}.leads-view-page .lead-editor-dialog .form-grid{grid-template-columns:1fr}.leads-view-page .lead-form-section-title small{display:none}}.agent-stats-page{padding:8px;background:#f5f7fa;min-height:100vh}.stats-header{background:#fff;border-radius:6px;padding:8px;margin-bottom:8px;box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-back{padding:5px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:10px;font-weight:600;color:#475569;cursor:pointer}.agent-info{display:flex;align-items:center;gap:8px;flex:1}.agent-avatar-large{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.agent-details h1{margin:0 0 2px;font-size:14px;color:#1e293b;font-weight:700}.agent-meta{margin:0;font-size:9px;color:#64748b}.header-actions{display:flex;gap:4px;align-items:center}.date-picker{padding:5px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:10px}.stats-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;padding:6px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.tab{padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:10px;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);opacity:0;transition:opacity .3s}.tab:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#c7d2fe}.tab:hover:before{opacity:1}.tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.tab.active:before{opacity:0}.tab .tab-icon{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.tab.active .tab-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.tabs-compact{gap:4px;padding:4px}.tabs-compact .tab{padding:5px 10px;font-size:9px;border-radius:4px}.tabs-compact .tab .tab-icon{font-size:12px}.stats-section{background:#fff;border-radius:6px;padding:10px;margin-bottom:8px;box-shadow:0 1px 2px #0000000f}.stats-section h2{margin:0 0 10px;font-size:13px;color:#1e293b;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px}.stat-card{background:#f8fafc;border-radius:4px;padding:6px;text-align:center;border:1px solid #e2e8f0;overflow:hidden;word-wrap:break-word;transition:all .2s;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.stat-card.stat-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.stat-card.stat-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.stat-card.stat-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.stat-card.stat-info{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#67e8f9}.stat-card.stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.stat-card.stat-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.stat-icon{font-size:14px;margin-bottom:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.stat-value{font-size:14px;font-weight:800;color:#1e293b;margin-bottom:1px;line-height:1.1;word-break:break-word}.stat-label{font-size:6px;color:#64748b;font-weight:700;text-transform:uppercase;word-break:break-word;letter-spacing:.2px}.stats-grid-micro{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:3px}.stats-grid-micro .stat-card{padding:4px;border-radius:3px;border-width:1px}.stats-grid-micro .stat-icon{font-size:12px;margin-bottom:1px}.stats-grid-micro .stat-value{font-size:12px}.stats-grid-micro .stat-label{font-size:5px}.performance-bar-container{padding:10px;background:#f8fafc;border-radius:4px}.performance-bar{height:24px;background:#e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:8px;display:flex}.performance-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.segment-answered{background:linear-gradient(90deg,#16a34a,#22c55e)}.performance-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.perf-stat{display:flex;justify-content:space-between;align-items:center;padding:6px;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.perf-label{font-size:9px;color:#64748b;font-weight:600}.perf-value{font-size:12px;color:#1e293b;font-weight:700}.disposition-breakdown{padding:10px;background:#f8fafc;border-radius:4px}.disposition-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.disp-bar-item{display:flex;flex-direction:column;gap:3px}.disp-bar-header{display:flex;align-items:center;gap:4px}.disp-bar-icon{font-size:12px}.disp-bar-name{font-size:10px;font-weight:700;color:#1e293b;flex:1}.disp-bar-count{font-size:11px;font-weight:800;color:#1e293b;min-width:30px;text-align:right}.disp-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.disp-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.disp-bar-percent{font-size:9px;font-weight:700;color:#6366f1;text-align:right}.disposition-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:10px;border-top:2px solid #e2e8f0}.disp-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.disp-summary-label{font-size:9px;color:#64748b;font-weight:600}.disp-summary-value{font-size:13px;font-weight:800;color:#1e293b}.dispositions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.disp-card{background:#f8fafc;border-radius:4px;padding:8px;text-align:center;border:1px solid #e2e8f0}.disp-icon{font-size:18px;margin-bottom:4px}.disp-value{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:2px}.disp-label{font-size:8px;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:4px}.disp-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:2px}.disp-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.disp-percent{font-size:8px;font-weight:700;color:#6366f1}.hourly-chart{padding:10px;background:#f8fafc;border-radius:4px}.hourly-bars{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;align-items:end;height:120px}.hour-bar-container{display:flex;flex-direction:column;align-items:center;gap:2px}.hour-label{font-size:7px;color:#64748b;font-weight:600}.hour-bar{width:100%;height:100px;background:#e2e8f0;border-radius:2px 2px 0 0;overflow:hidden;display:flex;align-items:end}.hour-fill{width:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:2px 2px 0 0}.hour-value{font-size:7px;font-weight:700;color:#1e293b}.campaigns-table-container{overflow-x:auto}.campaigns-stats-table{width:100%;border-collapse:collapse}.campaigns-stats-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.campaigns-stats-table th{padding:8px;text-align:left;font-weight:700;color:#64748b;font-size:8px;text-transform:uppercase}.campaigns-stats-table td{padding:8px;border-bottom:1px solid #f1f5f9;font-size:10px}.camp-name{font-weight:700;color:#1e293b}.camp-value{color:#334155;font-weight:600}.camp-success{color:#16a34a}.camp-warning{color:#d97706}.no-data,.no-stats{text-align:center;padding:30px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:2px dashed #cbd5e1}.no-data-icon,.no-stats-icon{font-size:32px;margin-bottom:10px;opacity:.5}.no-data h3,.no-stats h3{margin:0 0 4px;font-size:13px;color:#1e293b}.no-data p,.no-stats p{margin:0;font-size:11px;color:#64748b}.error-state{text-align:center;padding:40px 20px}.error-state h1{margin:0 0 12px;font-size:18px;color:#1e293b}@media(max-width:1024px){.stats-header{flex-direction:column;text-align:center}.agent-info{flex-direction:column}.hourly-bars{grid-template-columns:repeat(12,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hourly-bars{grid-template-columns:repeat(8,1fr)}.performance-stats{grid-template-columns:1fr}}.agent-stats-page{display:grid;width:100%;min-width:0;max-width:1480px;gap:18px;margin:0 auto;padding:4px;background:#f8fafc;color:#152238}.agent-stats-page .stats-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:22px 24px;color:#eff8ff;background:radial-gradient(circle at 92% 12%,rgba(56,189,248,.24),transparent 16rem),linear-gradient(125deg,#0a294a,#0d5277);border-radius:18px;box-shadow:0 14px 34px #0a294a2e}.agent-stats-page .btn-back{flex-shrink:0;min-height:36px;color:#dbeafe;background:#ffffff14;border:1px solid rgba(191,219,254,.36);border-radius:8px;font-size:12px}.agent-stats-page .btn-back:hover{color:#082f49;background:#f8fafc}.agent-stats-page .agent-info{min-width:0;justify-content:flex-start}.agent-stats-page .agent-avatar-large{flex:0 0 52px;width:52px;height:52px;color:#1d4ed8;background:#eff6ff;border-radius:14px}.agent-stats-page .agent-details{min-width:0}.agent-stats-page .agent-details h1{margin:0;overflow-wrap:anywhere;color:#fff;font-size:24px;letter-spacing:-.03em}.agent-stats-page .agent-meta{color:#dbeafe;font-size:12px}.agent-stats-page .header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.agent-stats-page .date-range-field{display:grid;gap:3px;color:#dbeafe;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.agent-stats-page .date-picker{min-height:38px;padding:8px 10px;color:#334155;background:#fff;border:0;border-radius:8px;font-size:12px}.agent-stats-page .header-actions .btn-secondary{min-height:38px;color:#082f49;background:#f8fafc;border:0;border-radius:8px;font-size:12px;font-weight:750}.agent-stats-page .stats-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;padding:5px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 15px #0f172a09}.agent-stats-page .tab{width:100%;min-height:40px;justify-content:center;padding:8px 13px;color:#64748b;background:transparent;border:1px solid transparent;border-radius:8px;font-size:12px;box-shadow:none;transform:none}.agent-stats-page .tab:hover{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe;transform:none;box-shadow:none}.agent-stats-page .tab.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px #2563eb2e;transform:none}.agent-stats-page .tab:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:1px}.agent-stats-page .stats-section{margin:0;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 15px #0f172a09}.agent-stats-page .stats-section h2{margin:0 0 16px;color:#1e3a5f;font-size:17px;font-weight:800}.agent-stats-page .section-period{margin-left:8px;color:#64748b;font-size:11px;font-weight:650}.agent-stats-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.agent-stats-page .stat-card{min-height:118px;display:grid;align-content:center;gap:5px;padding:16px;border-radius:12px;text-align:left}.agent-stats-page .stat-icon{font-size:19px}.agent-stats-page .stat-value{font-size:26px}.agent-stats-page .stat-label{font-size:10px;letter-spacing:.05em}.agent-stats-page .disposition-breakdown,.agent-stats-page .performance-bar-container,.agent-stats-page .hourly-chart{padding:16px;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px}.agent-stats-page .campaigns-table-container{overflow-x:auto}.agent-stats-page .campaigns-stats-table{min-width:620px}.agent-stats-page .campaigns-stats-table th{padding:12px 14px;font-size:10px}.agent-stats-page .campaigns-stats-table td{padding:13px 14px;font-size:12px}.agent-stats-page .no-data,.agent-stats-page .no-stats{padding:56px 24px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}@media(max-width:760px){.agent-stats-page{gap:13px;padding:4px}.agent-stats-page .stats-header{align-items:stretch;flex-direction:column;padding:20px}.agent-stats-page .agent-info{justify-content:flex-start}.agent-stats-page .header-actions{width:100%}.agent-stats-page .date-range-field,.agent-stats-page .header-actions .btn-secondary{flex:1}.agent-stats-page .stats-tabs{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.agent-stats-page .tab{white-space:nowrap}.agent-stats-page .stats-section{padding:16px}.agent-stats-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.agent-stats-page .stats-grid{grid-template-columns:1fr}}.clients-page{padding:24px;max-width:1600px;margin:0 auto}.renewal-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:18px;padding:14px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.renewal-summary strong{color:#0f172a}.renewal-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.expiry-never-toggle{display:inline-flex;margin-top:9px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.page-header-content{flex:1}.page-header h1{margin:0 0 8px;font-size:28px;color:#111827;font-weight:700}.page-subtitle{margin:0 0 12px;color:#6b7280;font-size:14px}.page-note{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9;margin:0}.note-icon{font-size:18px;line-height:1}.note-text{color:#0369a1;font-size:13px;line-height:1.5}.clients-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.clients-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;border-radius:8px 8px 0 0}.clients-tab:hover{background:#f9fafb;color:#111827}.clients-tab.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:#f0f9ff}.clients-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.filter-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:180px;transition:all .2s}.filter-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.client-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s;box-shadow:0 1px 3px #0000000d}.client-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-2px)}.client-card.disabled{opacity:.6;background:#f9fafb}.client-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6;background:#f9fafb}.client-name{display:flex;align-items:center;gap:10px}.client-icon{font-size:24px}.client-name-text{font-size:16px;font-weight:600;color:#111827}.client-status{display:flex;gap:8px}.client-card-body{padding:20px}.client-info{display:flex;flex-direction:column;gap:12px}.client-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.client-info-item .label{font-size:13px;color:#6b7280;font-weight:500}.client-info-item .value{font-size:14px;color:#111827;font-weight:500;text-align:right}.client-info-item .token-value{font-family:Courier New,monospace;background:#f3f4f6;padding:4px 8px;border-radius:4px;font-size:12px}.client-card-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #f3f4f6;background:#f9fafb}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-secondary{background:#e5e7eb;color:#374151}.badge-info,.badge-primary{background:#dbeafe;color:#1e40af}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover{background:#0284c7}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover{background:#2563eb}.btn-sm{padding:6px 12px;font-size:13px;flex:1;justify-content:center}.client-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h4{margin:0;font-size:16px;font-weight:600;color:#111827}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group .form-control{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.form-group .form-control:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-group .form-control:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-hint{font-size:12px;color:#6b7280;margin-top:2px}.form-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0ea5e9}@media(max-width:768px){.clients-page{padding:16px}.page-header{flex-direction:column}.clients-grid,.form-grid{grid-template-columns:1fr}.clients-filters{flex-direction:column}.search-box,.filter-select{min-width:100%}.client-card-footer{flex-wrap:wrap}.renewal-summary{grid-template-columns:1fr}.btn-sm{flex:1 1 calc(50% - 4px)}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-control{width:100%;padding-right:44px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px 8px;font-size:16px;opacity:.6;transition:opacity .2s}.password-toggle-btn:hover{opacity:1}.password-strength{margin-top:8px}.strength-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f87171)}.strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.strength-fill.strong{background:linear-gradient(90deg,#10b981,#34d399)}.strength-text{font-size:11px;color:#6b7280;font-weight:500}.reset-password-form{display:flex;flex-direction:column;gap:16px}.reset-password-description{margin:0;color:#374151;font-size:14px;line-height:1.5}.reset-password-description strong{color:#111827}.reset-password-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.warning-icon{font-size:20px;line-height:1}.warning-text{flex:1;font-size:13px;color:#92400e;line-height:1.5}.warning-text strong{font-weight:600}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-sm.btn-warning{padding:6px 12px;font-size:12px}.profile-page{width:100%;max-width:1280px;margin:0 auto;padding:8px 0 24px}.profile-empty-state{display:flex;align-items:center;justify-content:center;min-height:60vh;background:#fff;border-radius:20px;border:2px dashed #e2e8f0;margin:24px;box-shadow:0 4px 12px #0000000d}.empty-state-content{text-align:center;padding:40px;max-width:500px}.empty-state-icon{font-size:72px;margin-bottom:20px;display:block}.empty-state-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.empty-state-content>p{font-size:14px;color:#64748b;margin:0 0 32px}.empty-state-steps{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:16px;padding:24px;margin-bottom:32px;text-align:left}.step{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(102,126,234,.1)}.step:last-child{border-bottom:none}.step-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text{font-size:14px;color:#475569;font-weight:500}.empty-state-actions{display:flex;gap:12px;justify-content:center}.token-display-box{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:12px;margin-bottom:12px}.token-code{flex:1;font-family:Courier New,monospace;font-size:14px;color:#1e293b;font-weight:600;word-break:break-all;overflow-wrap:anywhere}.profile-hero{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:20px;background:radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 30%),linear-gradient(135deg,#f8fbff,#eef6ff 55%,#f8fafc);border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 46px #1e40af1f}.profile-hero:after{content:"";position:absolute;width:220px;height:220px;right:28%;bottom:-150px;border-radius:50%;background:#0ea5e91a;pointer-events:none}.profile-hero>div{position:relative;z-index:1}.profile-hero>div:first-child,.profile-layout>*,.profile-panel,.profile-card,.token-card,.client-card{min-width:0}.profile-kicker,.panel-eyebrow,.hero-chip-label,.token-label,.label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#64748b}.profile-hero h1{margin:6px 0 8px;font-size:30px;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a 15%,#1d4ed8 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.profile-subtitle{max-width:700px;margin:0;font-size:14px;color:#475569}.profile-hero-chips{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;min-width:480px;align-self:stretch}.hero-chip{position:relative;padding:12px 14px;border-radius:16px;background:#fffc;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #1e40af0d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hero-chip:hover{transform:translateY(-2px);border-color:#0ea5e966;box-shadow:0 12px 24px #1e40af1a}.hero-chip strong{display:block;margin-top:6px;font-size:15px;color:#0f172a}.hero-chip strong.status-connected,.hero-chip strong.status-active,.hero-chip strong.status-disconnected{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:7px;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:12px;line-height:1.2}.hero-chip strong.status-connected{color:#047857;background:#dcfce7;border-color:#bbf7d0}.hero-chip strong.status-active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.hero-chip strong.status-disconnected{color:#b45309;background:#fef3c7;border-color:#fde68a}.profile-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.82fr);gap:14px;margin-top:14px}.profile-panel,.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 14px 32px #0f172a0f;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.profile-panel-primary{border-top:4px solid #2563eb}.profile-panel-secondary .profile-card:hover,.profile-panel-primary:hover{border-color:#bfdbfe;box-shadow:0 18px 38px #1e40af1a}.profile-panel{padding:20px}.profile-panel-secondary{align-self:start;display:flex;flex-direction:column;gap:14px;position:sticky;top:92px}.compact-card{padding:16px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid #e2e8f0}.panel-heading.compact{margin-bottom:14px;padding-bottom:0;border-bottom:0}.panel-heading h2{margin:6px 0 0;font-size:20px;line-height:1.15;color:#0f172a}.panel-status{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.panel-status.connected{background:#0596691f;color:#047857}.panel-status.idle{background:#f59e0b1f;color:#b45309}.token-card,.client-card{padding:16px;border-radius:15px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 4px 14px #0f172a09}.client-card{margin-top:12px}.token-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.token-actions{display:flex;gap:8px}.btn-edit{padding:6px 12px;font-size:12px;font-weight:600;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#e2e8f0;border-color:#94a3b8}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.token-textarea{width:100%;min-height:100px;margin-top:8px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc;color:#0f172a;font-size:13px;line-height:1.5;font-family:Courier New,monospace;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.token-edit-box{width:100%}.form-input{box-sizing:border-box;display:block;width:100%}.token-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f;background:#fff}.edit-actions{display:flex;gap:10px;margin-top:12px}.client-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.token-input{width:100%;min-height:88px;margin-top:8px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc;color:#0f172a;font-size:13px;line-height:1.5;font-family:Courier New,monospace;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.token-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f;background:#fff}.form-hint{margin:10px 0 0;font-size:12px;color:#64748b}.button-group{display:flex;gap:10px;margin-top:14px}.active-token-card{margin-top:12px;padding:12px 14px;border-radius:13px;background:#0f172a;color:#e2e8f0;border:1px solid rgba(148,163,184,.2)}.active-token-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.active-token-value{display:block;margin-top:6px;font-family:Courier New,monospace;font-size:14px;color:#f8fafc;word-break:break-all;overflow-wrap:anywhere}.active-token-note{margin:8px 0 0;font-size:12px;color:#94a3b8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border:0;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-block{width:100%;flex:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{flex:1;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;box-shadow:0 12px 24px #2563eb2e}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#334155;box-shadow:0 6px 14px #0f172a0f}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.btn-success{width:100%;margin-top:14px;background:linear-gradient(135deg,#059669,#0f766e);color:#fff;box-shadow:0 12px 24px #0596692e}.btn-success:hover:not(:disabled){transform:translateY(-1px)}.client-info{display:flex;flex-direction:column}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-tile{padding:11px 12px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;transition:border-color .2s ease,background .2s ease,transform .2s ease}.info-tile:hover{border-color:#bfdbfe;background:#f8fbff;transform:translateY(-1px)}.info-tile-wide{grid-column:span 2}.value{display:block;margin-top:7px;font-size:15px;color:#0f172a}.info-subvalue{display:block;margin-top:5px;font-size:12px;line-height:1.2;color:#64748b}.badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8}.token-display{font-family:Courier New,monospace;font-size:13px;overflow-wrap:anywhere}.status-active{color:#059669}.status-warning{color:#b45309}.status-danger{color:#dc2626}.expiry-value{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;padding:6px 10px;border:1px solid transparent;border-radius:999px;font-size:12px;line-height:1.25;white-space:normal}.expiry-value.status-active{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.expiry-value.status-warning{background:#fffbeb;border-color:#fde68a;color:#b45309}.expiry-value.status-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.expiry-critical{animation:expiry-pulse 1.15s ease-in-out infinite}@keyframes expiry-pulse{0%,to{box-shadow:0 0 #f59e0b14}50%{box-shadow:0 0 0 4px #f59e0b38}}.payment-card{background:linear-gradient(180deg,#fff,#f8fafc)}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.payment-option-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:9px;font-size:13px}.payment-option-icon.upi{color:#7c3aed;background:#ede9fe}.payment-option-icon.bank{color:#0369a1;background:#e0f2fe}.payment-option div{display:grid;min-width:0;gap:3px}.payment-option strong{color:#334155;font-size:12px}.payment-option span:not(.payment-option-icon){overflow-wrap:anywhere;color:#64748b;font-size:11px}.payment-note{margin:10px 0 0;color:#64748b;font-size:11px;line-height:1.45}.payment-reminder{display:flex;align-items:flex-start;gap:9px;margin:0 0 12px;padding:10px 12px;border:1px solid #fcd34d;border-radius:12px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.45}.payment-reminder i{margin-top:2px;color:#d97706}.payment-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0f172a8f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-modal{position:relative;width:min(440px,100%);padding:26px;border:1px solid #fde68a;border-radius:20px;background:linear-gradient(145deg,#fff,#fffbeb);box-shadow:0 24px 70px #0f172a47}.payment-modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:#fef3c7;color:#92400e;font-size:23px;line-height:1;cursor:pointer}.payment-modal-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:14px;background:#fef3c7;color:#d97706;font-size:20px;animation:expiry-pulse 1.15s ease-in-out infinite}.payment-modal h2{margin:5px 0 8px;color:#1e293b}.payment-modal-message{margin:0 0 16px;color:#475569;font-size:13px;line-height:1.55}.payment-modal-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:4px}.payment-modal-options>div{display:grid;gap:4px;min-width:0;padding:11px;border:1px solid #fde68a;border-radius:12px;background:#ffffffb8}.payment-modal-options strong{color:#334155;font-size:12px}.payment-modal-options span{overflow-wrap:anywhere;color:#64748b;font-size:11px}.payment-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.payment-modal-actions .btn{min-height:38px}@media(prefers-reduced-motion:reduce){.expiry-critical,.payment-modal-icon{animation:none}}.empty-state{text-align:center;padding:18px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1}.empty-state.compact{padding:22px 18px}.empty-icon{display:block;margin-bottom:8px;font-size:34px}.empty-state p{margin:0;font-size:15px;font-weight:700;color:#334155}.empty-state small{display:block;margin-top:6px;font-size:12px;color:#64748b}.quick-actions{display:grid;grid-template-columns:1fr;gap:8px}.action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.action-btn:hover{transform:translateY(-1px);border-color:#7dd3fc;box-shadow:0 12px 24px #0ea5e914}.action-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#e0f2fe;font-size:20px}.action-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.action-copy strong{font-size:14px;color:#0f172a}.action-copy small{font-size:12px;color:#64748b}.help-card{background:radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 38%),linear-gradient(180deg,#fff,#f8fafc)}.help-steps{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:help-step}.help-steps li{counter-increment:help-step;display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:11px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);font-size:13px;font-weight:600;color:#334155}.help-steps li:before{content:counter(help-step);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#0ea5e9;color:#fff;font-size:12px;font-weight:800;flex-shrink:0}@media(max-width:1024px){.profile-hero{flex-direction:column;align-items:stretch}.profile-hero-chips{min-width:0;grid-template-columns:repeat(2,minmax(120px,1fr))}.profile-layout{grid-template-columns:1fr}.profile-panel-secondary{position:static}}@media(max-width:768px){.profile-page{padding-top:2px}.profile-hero{padding:18px;border-radius:20px}.profile-hero h1{font-size:24px}.profile-hero-chips{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.hero-chip strong{font-size:13px}.profile-panel,.compact-card,.token-card,.client-card{padding:16px}.payment-options{grid-template-columns:1fr}.button-group,.active-token-header{flex-direction:column}.info-grid{grid-template-columns:1fr}.info-tile-wide{grid-column:span 1}}@media(max-width:460px){.profile-hero-chips{grid-template-columns:1fr}}@media(max-width:480px){.profile-page{padding-top:0}.profile-hero,.profile-panel,.compact-card,.token-card,.client-card{padding:14px;border-radius:16px}.panel-heading{flex-direction:column}.panel-status{align-self:flex-start}.edit-actions{flex-direction:column}.edit-actions .btn,.empty-state-actions .btn{width:100%}.empty-state-content{padding:24px 16px}.profile-empty-state{margin:12px 0}}.ivr-page{padding:18px;max-width:1320px;margin:0 auto;color:#0f172a}.ivr-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.ivr-header h1{margin:3px 0 4px;font-size:26px;letter-spacing:-.04em}.ivr-header p{margin:0;color:#64748b;font-size:13px}.ivr-eyebrow{color:#2563eb!important;font-size:10px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ivr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.ivr-summary>div{padding:12px 15px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 5px 14px #0f172a09}.ivr-summary span{display:block;color:#64748b;font-size:11px;font-weight:650}.ivr-summary strong{display:block;margin-top:3px;font-size:22px;letter-spacing:-.04em}.ivr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.ivr-card{padding:15px;background:#fff;border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 5px 14px #0f172a0a;transition:.2s}.ivr-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 11px 22px #0f172a14}.ivr-card-head{display:flex;align-items:center;gap:9px}.ivr-icon{display:grid;width:32px;height:32px;place-items:center;color:#2563eb;background:#eff6ff;border-radius:9px;font-size:17px}.ivr-card h2{margin:0;font-size:15px}.ivr-card-head p{margin:1px 0 0;color:#64748b;font-size:11px}.ivr-id{margin-left:auto;color:#64748b;font-size:10px;font-weight:700}.ivr-description{min-height:32px;margin:11px 0;color:#475569;font-size:12px;line-height:1.45}.ivr-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;color:#64748b;font-size:10px}.ivr-card-stats b{display:block;color:#0f172a;font-size:14px}.ivr-card-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.ivr-empty,.ivr-loading{padding:54px 20px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px}.ivr-empty>span{font-size:36px}.ivr-empty h2{margin:9px 0 4px;font-size:19px}.ivr-empty p{margin:0 0 15px;color:#64748b;font-size:13px}.ivr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:16px;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ivr-modal{width:min(720px,100%);max-height:90vh;overflow:auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 24px 70px #0f172a40}.ivr-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.ivr-modal-head h2{margin:3px 0 0;font-size:20px}.ivr-close{width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;color:#475569;font-size:20px;cursor:pointer}.ivr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.ivr-form-grid label{display:grid;gap:5px;color:#334155;font-size:12px;font-weight:700}.ivr-form-grid input,.ivr-form-grid select,.ivr-form-grid textarea,.ivr-option-row input,.ivr-option-row select{width:100%;padding:8px 10px;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font:inherit;font-weight:400;outline:0}.ivr-form-grid input:focus,.ivr-form-grid select:focus,.ivr-form-grid textarea:focus,.ivr-option-row input:focus,.ivr-option-row select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.ivr-full{grid-column:1/-1}.ivr-options-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 8px;border-top:1px solid #e2e8f0}.ivr-options-head h3{margin:0;font-size:15px}.ivr-options-head p{margin:2px 0 0;color:#64748b;font-size:11px}.ivr-options{display:grid;gap:7px}.ivr-option-row{display:grid;grid-template-columns:46px 1fr 1fr 1fr 30px;gap:6px}.ivr-remove{border:0;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:18px;cursor:pointer}.ivr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}@media(max-width:700px){.ivr-page{padding:14px}.ivr-header{align-items:stretch;flex-direction:column}.ivr-header h1{font-size:23px}.ivr-summary{grid-template-columns:1fr}.ivr-modal{padding:16px}.ivr-form-grid{grid-template-columns:1fr}.ivr-full{grid-column:auto}.ivr-option-row{grid-template-columns:44px 1fr 1fr 30px}.ivr-option-row input:nth-of-type(2){grid-column:2/4}.ivr-option-row input:nth-of-type(3){grid-column:2/4}.ivr-modal-actions{flex-direction:column-reverse}.ivr-modal-actions button{width:100%}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.\!visible,.visible{visibility:visible!important}.static{position:static!important}.mb-0{margin-bottom:0!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.min-h-24{min-height:6rem!important}.min-w-0{min-width:0px!important}.place-content-center{place-content:center!important}.whitespace-nowrap{white-space:nowrap!important}.break-words{overflow-wrap:break-word!important}.rounded-xl{border-radius:.75rem!important}.border{border-width:1px!important}.border-\[\#E5E7EB\]{--tw-border-opacity: 1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))!important}.bg-\[\#F9FAFB\]{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-\[\#111827\]{--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity, 1))!important}.text-\[\#6B7280\]{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity, 1))!important}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-dark: #0f172a;--bg-sidebar: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition: all .2s ease}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #334155}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}input,select,textarea,button{font-family:inherit;font-size:14px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:28px;font-weight:700;color:var(--text-primary)}.page-header-actions{display:flex;gap:12px;align-items:center}.card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px;background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-control::-moz-placeholder{color:var(--text-muted)}.form-control::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-info{background:var(--info);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.btn-icon{padding:8px;border-radius:50%}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.badge-success{background:#10b9811a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-info{background:#3b82f61a;color:var(--info)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-purple{background:#8b5cf61a;color:#8b5cf6}.badge-green{background:#10b9811a;color:var(--success)}.badge-orange{background:#f59e0b1a;color:var(--warning)}.badge-blue{background:#3b82f61a;color:var(--info)}.badge-gray{background:var(--bg-tertiary);color:var(--text-muted)}.badge-red{background:#ef44441a;color:var(--danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media not all and (min-width:640px){.max-sm\:p-3{padding:.75rem!important}.max-sm\:text-base{font-size:1rem!important;line-height:1.5rem!important}}
