:root{--brand-green:#2e8e3d;--brand-blue:#0077c8;--brand-teal:#00a6b5;--brand-red:#e53935;--neo-bg:#050a14;--neo-surface:rgba(255,255,255,.06);--neo-surface-strong:rgba(255,255,255,.1);--neo-border:rgba(255,255,255,.12);--neo-text:#eaf2ff;--neo-muted:rgba(234,242,255,.7);--bg-primary:var(--neo-bg);--bg-secondary:rgba(255,255,255,.05);--bg-tertiary:rgba(255,255,255,.07);--bg-hover:rgba(255,255,255,.06);--bg-elevated:rgba(255,255,255,.08);--border-subtle:rgba(255,255,255,.08);--border-default:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.18);--text-primary:var(--neo-text);--text-secondary:rgba(234,242,255,.8);--text-tertiary:rgba(234,242,255,.62);--text-muted:rgba(234,242,255,.42);--accent:var(--brand-teal);--accent-hover:#16d6e6;--accent-subtle:rgba(0,166,181,.16);--accent-muted:rgba(0,166,181,.22);--green:var(--brand-green);--green-subtle:rgba(46,142,61,.16);--yellow:#f6d84a;--yellow-subtle:rgba(246,216,74,.14);--red:var(--brand-red);--red-subtle:rgba(229,57,53,.14);--blue:var(--brand-blue);--blue-subtle:rgba(0,119,200,.16);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--font:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.16s ease;--transition-slow:.28s ease}[data-theme=light]{--bg-primary:#f5f7fa;--bg-secondary:rgba(0,0,0,.05);--bg-tertiary:rgba(0,0,0,.07);--bg-hover:rgba(0,0,0,.06);--bg-elevated:rgba(255,255,255,.9);--border-subtle:rgba(0,0,0,.08);--border-default:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.18);--text-primary:#1a1a2e;--text-secondary:rgba(26,26,46,.8);--text-tertiary:rgba(26,26,46,.62);--text-muted:rgba(26,26,46,.42);--accent:var(--brand-teal);--accent-hover:#008a94;--accent-subtle:rgba(0,166,181,.16);--accent-muted:rgba(0,166,181,.22);--green-subtle:rgba(46,142,61,.16);--yellow-subtle:rgba(246,216,74,.14);--red-subtle:rgba(229,57,53,.14);--blue-subtle:rgba(0,119,200,.16)}[data-theme=light] body{background:radial-gradient(at 20% 30%,rgba(0,166,181,.08) 0%,transparent 55%),radial-gradient(at 80% 15%,rgba(0,119,200,.06) 0%,transparent 55%),radial-gradient(at 55% 85%,rgba(46,142,61,.05) 0%,transparent 60%),#f5f7fa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;min-height:100vh;line-height:1.5}button,a,input,textarea,select{touch-action:manipulation}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}body{background:radial-gradient(900px 500px at 18% 12%,rgba(0,166,181,.25) 0%,transparent 60%),radial-gradient(900px 520px at 84% 18%,rgba(0,119,200,.22) 0%,transparent 62%),radial-gradient(800px 520px at 55% 92%,rgba(46,142,61,.18) 0%,transparent 60%),linear-gradient(#050a14 0%,#060b16 40%,#050a14 100%)}body:before{content:"";z-index:0;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:fixed;top:0;bottom:0;left:0;right:0}input,button,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}h1,.h1{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1.2}h2,.h2{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.3}h3,.h3{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.4}h4,.h4{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:600;line-height:1.5}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition), transform var(--transition);z-index:1000;padding:6px 10px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.login-page{background:radial-gradient(ellipse at 20% 30%, rgba(46,142,61,.12) 0%, transparent 55%), radial-gradient(ellipse at 80% 15%, rgba(0,119,200,.1) 0%, transparent 55%), radial-gradient(ellipse at 55% 85%, rgba(0,166,181,.08) 0%, transparent 60%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(168,85,247,.2),transparent 42%),radial-gradient(circle at 85% 30%,rgba(0,166,181,.18),transparent 40%),radial-gradient(circle at 40% 85%,rgba(46,142,61,.16),transparent 45%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,auto,64px 64px,64px 64px;position:absolute;top:0;bottom:0;left:0;right:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-xl);background:rgba(9,10,20,.62);border:1px solid rgba(255,255,255,.12);width:100%;max-width:420px;padding:34px 28px 26px;animation:.6s cubic-bezier(.16,1,.3,1) loginEnter;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.45),0 8px 24px rgba(0,0,0,.28)}@keyframes loginEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{background:0 0;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(0,119,200,.18)}.brand-mark{width:72px;height:72px;display:block}.login-logo-icon:after{content:"";z-index:-1;filter:blur(12px);background:linear-gradient(135deg,rgba(46,142,61,.22),rgba(0,119,200,.18),rgba(0,166,181,.16));border-radius:26px;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.login-logo h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-blue), var(--brand-green), var(--brand-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.login-header{text-align:center;margin-bottom:28px}.login-header h2{letter-spacing:-.02em;color:rgba(234,242,255,.92);margin-bottom:6px;font-size:22px;font-weight:700}.login-header p{color:rgba(234,242,255,.65);font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;padding:12px 14px;font-size:15px}.form-input:focus{border-color:var(--brand-blue);background:var(--bg-tertiary);box-shadow:0 0 0 3px rgba(0,119,200,.15)}.form-input::placeholder{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg, var(--brand-green), var(--brand-blue));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);border:none;padding:12px 20px;font-size:15px;font-weight:700;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);position:absolute;top:0;bottom:0;left:0;right:0}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(99,102,241,.3)}.btn-primary:hover:after{opacity:1}.btn-primary:active{box-shadow:none;transform:scale(.97)translateY(0)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:0 0;padding:8px 16px;font-size:13px;font-weight:500}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:active{transform:scale(.97)}.btn-danger{color:var(--red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid rgba(239,68,68,.2);padding:6px 12px;font-size:12px;font-weight:500}.btn-danger:hover{background:var(--red-subtle)}.btn-danger:active{transform:scale(.97)}.btn-sm{padding:6px 12px;font-size:12px}.login-error{background:var(--red-subtle);color:var(--red);border-radius:var(--radius-md);text-align:center;border:1px solid rgba(239,68,68,.15);padding:10px 12px;font-size:13px}.login-demo{text-align:center;color:var(--text-muted);margin-top:20px;font-size:12px;line-height:1.6}.login-footer{text-align:center;color:rgba(234,242,255,.55);letter-spacing:.02em;margin-top:22px;font-size:11px;line-height:1.6}.login-footer span{color:rgba(234,242,255,.78);font-weight:600}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.page-transition{animation:.3s cubic-bezier(.16,1,.3,1) pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:110;width:240px;transition:transform var(--transition-slow);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:20px 20px 16px}.sidebar-brand{align-items:center;gap:10px;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--accent), #8b5cf6);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.sidebar-brand-text{letter-spacing:-.01em;font-size:14px;font-weight:600}.sidebar-brand-sub{color:var(--text-tertiary);font-size:11px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent-hover)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;display:flex}.nav-icon svg{width:18px;height:18px}.nav-item:hover .nav-icon{opacity:.85}.nav-item.active .nav-icon{opacity:1}.nav-divider{background:var(--border-subtle);height:1px;margin:8px 12px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px 8px 16px}.user-info{align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.user-avatar{background:var(--accent-subtle);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-details{overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.main-content{flex:1;min-height:100vh;margin-left:240px}.page-header{justify-content:space-between;align-items:center;gap:16px;padding:24px 32px 0;display:flex}.page-title{letter-spacing:-.02em;font-size:22px;font-weight:600}.page-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:13px}.page-body{padding:24px 32px 48px}.mobile-header{height:calc(56px + var(--safe-top));padding-top:var(--safe-top);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:90;padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px}.mobile-brand{font-size:14px;font-weight:600}.sidebar-overlay{z-index:99;opacity:0;transition:opacity var(--transition-slow);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,.5);display:none;position:fixed;top:0;bottom:0;left:0;right:0;transform:translateZ(0)}.sidebar-overlay.show{opacity:1}.lang-toggle{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:0;padding:2px;display:flex}.lang-btn{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.lang-btn.active{background:var(--accent);color:#fff}.welcome-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.15);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.welcome-banner-left h2{letter-spacing:-.02em;margin-bottom:4px;font-size:20px;font-weight:600}.welcome-banner-left p{color:var(--text-tertiary);font-size:13px}.welcome-banner-right{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.welcome-banner-right svg{opacity:.5;width:16px;height:16px}.section-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.section-header .section-icon{width:20px;height:20px;color:var(--accent);opacity:.7;justify-content:center;align-items:center;display:flex}.section-header .section-icon svg{width:16px;height:16px}.section-header .section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.04));padding:20px}.card:hover{border-color:var(--border-default)}.card-hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:500}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:20px;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.metric-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.metric-icon.calls{background:var(--blue-subtle);color:var(--blue)}.metric-icon.messages{background:var(--accent-subtle);color:var(--accent)}.metric-icon.leads{background:var(--green-subtle);color:var(--green)}.metric-icon.appointments{background:var(--yellow-subtle);color:var(--yellow)}.sparkline{flex-shrink:0;width:56px;height:24px}.sparkline svg{width:100%;height:100%}.metric-value{letter-spacing:-.03em;margin-bottom:4px;font-size:28px;font-weight:700}.metric-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.metric-change{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.metric-change.positive{color:var(--green)}.metric-change.negative{color:var(--red)}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.active{background:var(--green-subtle);color:var(--green)}.status-badge.building{background:var(--yellow-subtle);color:var(--yellow)}.status-badge.paused{background:var(--red-subtle);color:var(--red)}.status-badge.connected{background:var(--green-subtle);color:var(--green)}.status-badge.disconnected{color:var(--text-tertiary);background:rgba(255,255,255,.05)}.status-badge.error{background:var(--red-subtle);color:var(--red)}.status-badge.paid{background:var(--green-subtle);color:var(--green)}.status-badge.pending{background:var(--yellow-subtle);color:var(--yellow)}.status-badge.overdue{background:var(--red-subtle);color:var(--red)}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-dot.pulse{animation:2s infinite pulse}.status-card{align-items:center;gap:16px;padding:20px;display:flex}.status-icon-large{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.status-icon-large.active{background:var(--green-subtle);color:var(--green)}.status-icon-large.building{background:var(--yellow-subtle);color:var(--yellow)}.status-icon-large.paused{background:var(--red-subtle);color:var(--red)}.status-info h3{margin-bottom:2px;font-size:16px;font-weight:600}.status-info p{color:var(--text-tertiary);font-size:13px}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border-subtle);transition:background var(--transition);gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{border-radius:var(--radius-sm);background:rgba(255,255,255,.02)}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.activity-icon svg{width:14px;height:14px}.activity-icon.call{background:var(--blue-subtle);color:var(--blue)}.activity-icon.message{background:var(--accent-subtle);color:var(--accent)}.activity-icon.lead{background:var(--green-subtle);color:var(--green)}.activity-icon.appointment{background:var(--yellow-subtle);color:var(--yellow)}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot.call{background:var(--blue)}.activity-dot.message{background:var(--accent)}.activity-dot.lead{background:var(--green)}.activity-dot.appointment{background:var(--yellow)}.activity-content{flex:1;min-width:0}.activity-text{color:var(--text-primary);font-size:13px;line-height:1.5}.activity-time{color:var(--text-muted);margin-top:2px;font-size:11px}.integrations-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.integration-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.integration-item:hover{border-color:var(--border-default);transform:translateY(-1px)}.integration-left{align-items:center;gap:10px;display:flex}.integration-icon{border-radius:var(--radius-md);background:var(--bg-elevated);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.integration-icon svg{width:18px;height:18px}.integration-name{font-size:13px;font-weight:500}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.section-gap{flex-direction:column;gap:20px;display:flex}.agent-list{flex-direction:column;gap:12px;display:flex}.agent-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);padding:20px}.agent-card:hover{border-color:var(--border-default);background:var(--bg-tertiary);transform:translateY(-1px)}.agent-card.selected{border-color:var(--accent);background:var(--accent-subtle)}.agent-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.agent-card-info{align-items:center;gap:10px;display:flex}.agent-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.agent-avatar svg{width:20px;height:20px}.agent-avatar.active{background:var(--green-subtle);color:var(--green)}.agent-avatar.building{background:var(--yellow-subtle);color:var(--yellow)}.agent-avatar.paused{background:var(--red-subtle);color:var(--red)}.agent-name{font-size:15px;font-weight:600}.agent-meta{color:var(--text-tertiary);font-size:12px}.agent-detail{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.agent-detail-header{border-bottom:1px solid var(--border-subtle);padding:20px}.agent-tabs{border-bottom:1px solid var(--border-subtle);gap:0;padding:0 20px;display:flex}.agent-tab{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid transparent;padding:12px 16px;font-size:13px;font-weight:500}.agent-tab:hover{color:var(--text-primary)}.agent-tab.active{color:var(--accent-hover);border-bottom-color:var(--accent)}.agent-detail-body{padding:20px}.config-grid{flex-direction:column;gap:20px;display:flex}.config-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.config-field .form-input{width:100%}.prompt-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre-wrap;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6}.call-table{border-collapse:collapse;width:100%}.call-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:11px;font-weight:600}.call-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px;font-size:13px}.call-table tr:last-child td{border-bottom:none}.call-table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.016)}.call-table tr:hover td{background:var(--bg-hover)}.transcript-toggle{color:var(--accent);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.transcript-toggle:hover{color:var(--accent-hover)}.transcript-wrapper{max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.transcript-wrapper.open{max-height:300px}.transcript-content{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);white-space:pre-wrap;margin-top:8px;padding:12px 16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.save-notice{background:var(--green-subtle);color:var(--green);border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:13px;animation:.3s fadeIn;display:flex}.billing-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plan-card{background:var(--bg-secondary);background-clip:padding-box;border:1px solid transparent;position:relative}.plan-card:before{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent), #8b5cf6, rgba(99,102,241,.2));-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.plan-badge{background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.plan-price{align-items:baseline;gap:2px;margin:16px 0;display:flex}.plan-amount{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:700}.plan-period{color:var(--text-tertiary);font-size:14px}.plan-features{flex-direction:column;gap:10px;margin-top:20px;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.plan-features li:before{content:"✓";color:var(--green);font-size:14px;font-weight:600}.payment-info{flex-direction:column;gap:16px;display:flex}.payment-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.payment-row:last-child{border-bottom:none}.payment-label{color:var(--text-tertiary);font-size:13px}.payment-value{font-size:13px;font-weight:500}.btn-pay{background:linear-gradient(135deg, var(--green), #16a34a);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.btn-pay:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(34,197,94,.3)}.btn-pay:active{transform:scale(.97)}.btn-pay svg{width:18px;height:18px}.plan-card-enterprise{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));position:relative}.plan-card-enterprise:before{opacity:.8;background:linear-gradient(135deg,#f59e0b,#f97316,#ef4444)}.plan-badge-enterprise{background:linear-gradient(135deg,#f59e0b,#f97316)!important}.plan-card-enterprise .plan-amount{background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-upgrade{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);background:linear-gradient(135deg,#f59e0b,#f97316);border:none;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(245,158,11,.3)}.btn-upgrade:active{transform:scale(.97)}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:8px 0;font-size:11px;font-weight:600}.invoice-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 0;font-size:13px}.invoice-table tr:last-child td{border-bottom:none}.invoice-table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.016)}.team-list{flex-direction:column;display:flex}.team-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:14px 0;display:flex}.team-row:last-child{border-bottom:none}.team-avatar{background:var(--accent-subtle);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.team-info{flex:1;min-width:0}.team-member-name{font-size:14px;font-weight:500}.team-member-email{color:var(--text-tertiary);font-size:12px}.team-role{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.team-actions{gap:8px;display:flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) modalEnter}@keyframes modalEnter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h3{margin-bottom:20px;font-size:16px;font-weight:600}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.support-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.support-item{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding:16px 0;display:flex}.support-item:last-child{border-bottom:none}.support-label{color:var(--text-tertiary);font-size:12px;font-weight:500}.support-value{color:var(--text-primary);font-size:14px}.support-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.support-placeholder svg{width:64px;height:64px;color:var(--text-muted);opacity:.4;margin-bottom:16px}.support-placeholder p{color:var(--text-tertiary);font-size:14px;line-height:1.6}.support-response{background:var(--accent-subtle);color:var(--accent-hover);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.1);padding:12px 16px;font-size:13px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{width:80px;height:80px;color:var(--text-muted);opacity:.3;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state p{color:var(--text-tertiary);max-width:300px;font-size:14px}.admin-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.admin-metric{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:16px 20px}.admin-metric:hover{border-color:var(--border-default);transform:translateY(-1px)}.admin-metric-value{letter-spacing:-.02em;font-size:24px;font-weight:700}.admin-metric-label{color:var(--text-tertiary);margin-top:2px;font-size:12px}.tenant-table{border-collapse:collapse;width:100%}.tenant-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:10px 16px;font-size:11px;font-weight:600}.tenant-table td{border-bottom:1px solid var(--border-subtle);padding:12px 16px;font-size:12px}.tenant-table tbody tr:nth-child(2n) td{background:rgba(255,255,255,.016)}.tenant-table tr:hover td{background:var(--bg-hover)}.tenant-company{color:var(--text-primary);font-weight:500}.tenant-email{color:var(--text-tertiary)}.toggle-btn{cursor:pointer;width:36px;height:20px;transition:background var(--transition);border:none;border-radius:10px;padding:0;position:relative}.toggle-btn.on{background:var(--green)}.toggle-btn.off{background:var(--text-muted)}.toggle-btn:after{content:"";width:16px;height:16px;transition:left var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px}.toggle-btn.on:after{left:18px}.toggle-btn.off:after{left:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:.3s fadeIn}.slide-in{animation:.3s slideUp}.mobile-bottom-nav{height:calc(60px + var(--safe-bottom));background:var(--bg-secondary);border-top:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(14px);padding-left:calc(8px + var(--safe-left));padding-right:calc(8px + var(--safe-right));padding-bottom:var(--safe-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-nav-btn{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:10px;font-weight:500;display:flex}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn svg{width:22px;height:22px}.mobile-nav-btn span{font-size:10px}.more-menu-overlay{z-index:150;background:rgba(0,0,0,.5);animation:.2s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.more-menu{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:160;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));animation:.3s cubic-bezier(.16,1,.3,1) slideUpMenu;position:fixed;bottom:60px;left:0;right:0}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-menu-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:12px;padding:12px 8px;font-size:14px;font-weight:500;display:flex}.more-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.more-menu-item.active{color:var(--accent)}.more-menu-item svg{width:20px;height:20px}.more-menu-divider{background:var(--border-subtle);height:1px;margin:8px 0}@media (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.billing-grid,.support-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,1fr)}.integrations-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.tenant-table{min-width:860px}.tenant-table td{font-size:11px}.tenant-table .tenant-company{font-size:12px}.tenant-table .form-input{min-width:140px;padding:8px 10px;font-size:12px}.tenant-table .btn-sm{padding:8px 10px}.tenant-table .toggle-btn{transform-origin:0;transform:scale(.9)}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.sidebar.open~.main-content{opacity:0;pointer-events:none}body:has(.sidebar.open){overscroll-behavior:none;touch-action:none;height:100vh;overflow:hidden}.sidebar{padding-bottom:calc(84px + var(--safe-bottom))}.mobile-header{display:flex}.mobile-bottom-nav{display:block}.main-content{padding-top:calc(56px + var(--safe-top));padding-bottom:calc(70px + var(--safe-bottom));margin-left:0}.page-header{flex-direction:column;align-items:flex-start;padding:16px 16px 0}.page-body{padding:16px 16px 40px}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:14px}.metric-value{font-size:22px}.grid-2,.grid-3{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.call-table{font-size:12px}.call-table th,.call-table td{padding:8px}.tenant-table th,.tenant-table td{padding:10px 8px}.team-row{flex-wrap:wrap;gap:8px}.modal{margin:16px;padding:20px}.welcome-banner{flex-direction:column;align-items:flex-start;gap:8px}.welcome-banner-right{display:none}}@media (max-width:480px){.admin-metrics{grid-template-columns:1fr}.page-title{font-size:18px}.plan-amount{font-size:32px}.login-card{padding:32px 24px 24px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.loading-pulse{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;height:48px;margin-bottom:12px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.api-errors{flex-direction:column;gap:4px;display:flex}.api-error-item{background:var(--red-subtle);color:var(--red);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.15);padding:10px 14px;font-size:13px}.empty-inline{text-align:center;color:var(--text-tertiary);padding:24px 16px;font-size:13px}.quick-list{flex-direction:column;display:flex}.quick-list-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 0;display:flex}.quick-list-item:last-child{border-bottom:none}.quick-list-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.quick-list-icon.agent{background:var(--accent-subtle)}.quick-list-icon.workflow{background:var(--green-subtle)}.quick-list-info{flex:1;min-width:0}.quick-list-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.quick-list-sub{color:var(--text-tertiary);font-size:11px}.quick-list-more{text-align:center;color:var(--text-muted);padding:8px 0;font-size:12px}.tag-badge{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;margin-bottom:2px;margin-right:4px;padding:2px 8px;font-size:11px;display:inline-block}.location-detail-panel{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);animation:.2s slideUp}.config-value{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);padding:10px 12px;font-size:13px}.voices-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.voice-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);flex-direction:column;gap:12px;padding:20px;display:flex}.voice-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.voice-card-header{align-items:center;gap:12px;display:flex}.voice-avatar{border-radius:var(--radius-md);background:var(--accent-subtle);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-avatar svg{width:20px;height:20px}.voice-info{flex:1;min-width:0}.voice-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.voice-category{color:var(--text-tertiary);text-transform:capitalize;font-size:11px}.voice-labels{flex-wrap:wrap;gap:4px;display:flex}.voice-description{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.voice-play-btn{align-items:center;gap:6px;margin-top:auto;display:flex}.voice-play-btn.playing{border-color:var(--accent);color:var(--accent)}@media (max-width:1024px){.voices-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.voices-grid{grid-template-columns:1fr}}.metric-card-clickable{cursor:pointer}.metric-card-clickable:hover{border-color:var(--accent)}.metric-card-clickable.expanded{border-color:var(--accent);background:var(--accent-subtle)}.expand-section{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}.expand-section.open{opacity:1;max-height:2000px}.expand-list{padding:16px 0}.expand-list-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.expand-list-item:last-child{border-bottom:none}.expand-list-item:hover{background:var(--bg-hover)}.expand-loading{color:var(--text-tertiary);justify-content:center;align-items:center;padding:24px;font-size:13px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:768px){.mobile-only{display:grid!important}.desktop-only{display:none!important}}.system-cards-grid{flex-direction:column;gap:8px;display:flex}.system-service-card{border:1px solid var(--border-subtle,rgba(255,255,255,.08));background:rgba(255,255,255,.04);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.system-service-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.system-service-icon.calls{background:rgba(59,130,246,.15)}.system-service-icon.messages{background:rgba(16,185,129,.15)}.system-service-icon.leads{background:rgba(139,92,246,.15)}.system-service-info{flex:1;min-width:0}.system-service-name{color:var(--text-primary);font-size:15px;font-weight:700}.system-service-desc{color:var(--text-tertiary);margin-top:1px;font-size:12px}.system-service-status{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;font-size:11px}.system-service-status.active{color:var(--green,#10b981)}@media (max-width:768px){.page-body{padding:0 12px 100px!important}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric-card{overflow:hidden;padding:12px!important}.metric-value{font-size:22px!important}.metric-label{font-size:11px!important}.welcome-banner{margin:12px!important;padding:16px!important}.card{max-width:100%;overflow:hidden}.section-header{margin-bottom:8px!important;padding-bottom:8px!important}.section-title{font-size:13px!important}.page-body .btn-secondary,.page-body .btn-primary{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:8px 12px!important;font-size:12px!important}.agent-card{overflow:hidden}.support-chat-fab{z-index:95!important;width:48px!important;height:48px!important;bottom:76px!important;right:16px!important}.support-chat-window{width:auto!important;max-height:55vh!important;bottom:140px!important;left:12px!important;right:12px!important}.mobile-nav{z-index:100!important}}@media (min-width:769px){.system-cards-grid{flex-direction:row}.system-service-card{flex:1}}.app-layout{contain:layout}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.metric-card{padding:12px!important}.metric-value{font-size:18px!important}.metric-label{font-size:11px!important}.admin-enhanced-dashboard .card{margin:0 8px 16px!important}.admin-enhanced-dashboard [style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:12px!important}.global-activity-feed{max-height:250px!important}.global-activity-item{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.global-activity-item .time-ago{align-self:flex-end}.top-clients-item{padding:8px 12px!important}.top-clients-badge{width:20px!important;height:20px!important;font-size:10px!important}.trend-chart{height:150px!important}.trend-chart svg{height:120px!important}.service-status-grid{grid-template-columns:repeat(2,1fr)!important}.billing-summary-row{flex-direction:column!important;gap:8px!important}.system-alert{fontSize:12px!important;padding:8px 12px!important}.tickets-summary-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.ticket-card,.ticket-item{padding:12px!important}.ticket-item-header{flex-wrap:wrap!important;gap:6px!important}.ticket-expanded{padding:16px!important}.ticket-metadata{grid-template-columns:1fr!important;gap:8px!important}.ticket-actions{flex-direction:column!important;gap:8px!important}.ticket-actions button{width:100%!important}.admin-clients-table{overflow-x:auto!important}.admin-clients-table table{min-width:800px!important}.client-detail-section{margin:2px!important;padding:16px!important}.client-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.client-metric-card{padding:12px!important}.client-detail-actions{flex-direction:column!important;gap:8px!important}.client-detail-actions button{width:100%!important}.page-header{padding:16px 12px!important}.page-title{font-size:20px!important}.page-body{padding:0 12px 20px!important}.card{border-radius:12px!important;margin:0 0 16px!important}.card-header{padding:16px 16px 0!important}.section-header{margin-bottom:12px!important;padding:16px 0 12px!important}.section-title{font-size:16px!important}.btn-group{flex-direction:column!important;gap:8px!important}.btn-group button{width:100%!important}.form-input{font-size:16px!important}.modal{width:calc(100vw - 24px)!important;max-width:none!important;margin:12px!important}*{word-wrap:break-word!important;overflow-wrap:break-word!important}.text-truncate{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.text-wrap{white-space:normal!important;word-break:break-word!important}table{table-layout:fixed!important}td,th{word-break:break-word!important;max-width:0!important}.clients-mobile-grid{grid-template-columns:1fr;gap:12px;display:grid}.client-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:16px}.client-mobile-card:hover{border-color:var(--border-default);transform:translateY(-2px)}.client-mobile-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.client-mobile-info{flex:1;min-width:0}.client-mobile-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.client-mobile-email{color:var(--text-tertiary);margin-bottom:8px;font-size:12px}.client-mobile-badges{flex-wrap:wrap;gap:6px;display:flex}.client-mobile-actions{gap:8px;margin-top:12px;display:flex}.client-mobile-actions button{flex:1;padding:8px 12px!important;font-size:12px!important}.ticket-mobile-grid{grid-template-columns:1fr;gap:12px;display:grid}.ticket-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:16px}.ticket-mobile-card:hover{border-color:var(--border-default)}.ticket-mobile-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.ticket-mobile-status{flex-shrink:0}.ticket-mobile-client{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.ticket-mobile-subject{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.ticket-mobile-preview{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.ticket-mobile-meta{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.ticket-mobile-actions{gap:8px;margin-top:12px;display:flex}.ticket-mobile-actions button{flex:1;padding:6px 10px!important;font-size:12px!important}.workflow-mobile-grid{grid-template-columns:1fr;gap:12px;display:grid}.workflow-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:16px}.workflow-mobile-card:hover{border-color:var(--border-default)}.workflow-mobile-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.workflow-mobile-name{color:var(--text-primary);flex:1;margin-right:12px;font-size:15px;font-weight:600}.workflow-mobile-meta{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.location-mobile-grid{grid-template-columns:1fr;gap:12px;display:grid}.location-mobile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition);padding:16px}.location-mobile-card:hover{border-color:var(--border-default)}.location-mobile-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.location-mobile-name{color:var(--text-primary);font-size:15px;font-weight:600}.location-mobile-address{color:var(--text-tertiary);margin:4px 0;font-size:12px}.location-mobile-contact{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.location-mobile-actions{gap:8px;margin-top:12px;display:flex}.location-mobile-actions button{flex:1;padding:8px 12px!important;font-size:12px!important}.voices-grid{grid-template-columns:1fr!important}.voice-card{padding:12px!important}.voice-card-header{margin-bottom:8px!important}.voice-name{font-size:13px!important}.voice-category{font-size:10px!important}.voice-labels{margin:8px 0!important}.voice-description{-webkit-line-clamp:3!important;font-size:11px!important}.agent-list{gap:8px!important}.agent-card{padding:12px!important}.agent-name{font-size:14px!important}.agent-meta{margin-left:38px!important;font-size:11px!important}.agent-detail{margin-top:16px;border-radius:var(--radius-lg)!important}.agent-detail-header{padding:16px!important}.agent-tabs{padding:0 16px!important}.agent-detail-body{padding:16px!important}.config-grid{gap:16px!important}.config-field label{font-size:12px!important}.config-value{padding:8px 10px!important;font-size:12px!important}.prompt-box{padding:12px!important;font-size:11px!important}.modal{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100vh - 48px)!important;margin:12px!important;overflow-y:auto!important}.modal h3{font-size:16px!important}.modal-actions{flex-direction:column!important;gap:8px!important}.modal-actions button{width:100%!important}.btn-primary,.btn-secondary,.btn-danger{min-height:44px!important;padding:12px 16px!important;font-size:14px!important}.btn-sm{min-height:36px!important;padding:8px 12px!important;font-size:12px!important}.toggle-btn{transform:scale(1.1)!important}.transcript-toggle,.voice-play-btn{min-height:36px!important;padding:8px 12px!important}.vapi-agents-container{grid-template-columns:1fr!important}.agent-detail{order:1}.agent-card{margin-bottom:4px!important}.agent-detail-body{max-height:none;overflow-y:auto}.agent-list.agent-list-hidden-mobile,.agent-list-section.agent-list-hidden-mobile{display:none!important}.agent-back-btn{display:block!important}}