:root{--primary: #0e7490;--primary-hover: #155e75;--primary-muted: #ecfeff;--primary-blue: var(--primary);--primary-blue-dark: #155e75;--primary-blue-light: #22d3ee;--primary-color: var(--primary);--secondary-green: #0f766e;--secondary-orange: #b45309;--secondary-red: #b91c1c;--accent-gem: #0891b2;--accent-ink: #0b1320;--white: #ffffff;--gray-50: #eef2f6;--gray-100: #e2e8f0;--gray-200: #cbd5e1;--gray-300: #94a3b8;--gray-400: #64748b;--gray-500: #475569;--gray-600: #334155;--gray-700: #1e293b;--gray-800: #0f172a;--gray-900: #020617;--page-bg: #d8e0e8;--page-bg-accent: #c9d4e0;--surface: #f7fafc;--surface-raised: #ffffff;--card-bg: var(--surface-raised);--bg-primary: var(--surface-raised);--bg-secondary: var(--gray-50);--bg-hover: #e8eef4;--bg-color: var(--surface-raised);--dark-bg: #070b12;--dark-surface: #121a26;--dark-border: #243044;--dark-text: #e8eef6;--dark-text-muted: #94a3b8;--text: #0b1320;--text-color: var(--text);--text-primary: var(--text);--text-secondary: #475569;--text-muted: #64748b;--border-color: #c5d0db;--border-strong: #94a3b8;--success: #0f766e;--success-color: var(--success);--success-color-light: #2dd4bf;--success-color-dark: #115e59;--warning: #b45309;--warning-light: #fbbf24;--warning-text: #ffffff;--error: #b91c1c;--info: var(--primary);--shadow-sm: 0 1px 2px rgb(11 19 32 / 0.06);--shadow-md: 0 2px 8px rgb(11 19 32 / 0.08);--shadow-lg: 0 8px 24px rgb(11 19 32 / 0.1);--shadow-xl: 0 12px 32px rgb(11 19 32 / 0.12);--font-display: 'Outfit', 'Segoe UI', sans-serif;--font-sans: 'IBM Plex Sans', 'Segoe UI', sans-serif;--font-mono: 'IBM Plex Mono', ui-monospace, monospace;--font-family-base: var(--font-sans);--font-family-sans: var(--font-sans);--font-family-mono: var(--font-mono);--footer-bg: transparent;--footer-text: var(--text-muted);--app-max-width: 1440px;--radius-control: 0.375rem;--radius-panel: 0.5rem;--header-height: 4rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;margin:0;font-family:var(--font-family-base);background-color:var(--bg-color);color:var(--text-color)}main{flex:1}button{font-family:inherit;font-size:100%;font-weight:inherit;color:inherit;margin:0;padding:0}input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;color:inherit;margin:0}table{border-collapse:collapse;border-spacing:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:inherit}h1,h2,h3,h4,h5,h6{margin:0 0 1rem 0;font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--text-primary)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0 0 1rem 0;line-height:1.6}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-family-mono)}.font-sans{font-family:var(--font-family-sans)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--dark-text)}@media(max-width: 640px){html{font-size:15px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}p{margin-bottom:.75rem}}@media(max-width: 480px){html{font-size:14px}}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}.grid{display:grid !important}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.m-0{margin:0 !important}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.p-0{padding:0 !important}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.w-full{width:100%}.max-w-600{max-width:600px;margin-left:auto;margin-right:auto}.auto-margin{margin:2rem auto}.build-date{font-size:.9em;color:var(--gray-400)}.success-message{display:none;margin-top:1rem;color:var(--success)}.error-message{display:none;margin-top:1rem;color:var(--error)}.flex-gap-10{display:flex;gap:10px}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:10px}.mb-8{margin-bottom:8px}.mb-4px{margin-bottom:4px}.block-w-full{display:block;width:100%}.block-w-full-mb-8{display:block;width:100%;margin-bottom:8px}.tooltip-wrapper{position:relative;display:inline-block;margin-left:4px}.tooltip-text{visibility:hidden;background:var(--gray-900);color:var(--white);text-align:center;border-radius:4px;padding:6px 8px;position:absolute;z-index:10;bottom:125%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size:.875rem;box-shadow:var(--shadow-md)}.tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--gray-900) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.custom-sound-option{display:none;width:100%}.block-mb-4px{display:block;margin-bottom:4px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.text-primary{color:var(--primary-blue)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-blue)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.bg-gray-50{background-color:var(--gray-50)}.bg-white{background-color:var(--white)}.w-full{width:100%}.w-auto{width:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition{transition:200ms ease}.transition-fast{transition:150ms ease}.transition-slow{transition:300ms ease}#ai-insights .insights-dashboard{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem;margin-top:1rem}@media(max-width: 768px){#ai-insights .insights-dashboard{grid-template-columns:1fr;gap:.75rem}}#ai-insights .insight-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;transition:200ms ease;position:relative;overflow:hidden}#ai-insights .insight-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}#ai-insights .insight-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--primary-blue), var(--accent-green))}#ai-insights .insight-card h3{margin:0 0 1rem 0;color:var(--text-color);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}#ai-insights .insight-card h3::before{content:"🤖";font-size:1.25rem}#ai-insights .insight-card h4{margin:0 0 .75rem 0;color:var(--text-color);font-size:1rem;font-weight:600}#ai-insights .insight-card .sentiment-result .sentiment-positive{color:var(--success, #10b981);font-weight:600}#ai-insights .insight-card .sentiment-result .sentiment-neutral{color:var(--warning, #f59e0b);font-weight:600}#ai-insights .insight-card .sentiment-result .sentiment-negative{color:var(--error, #ef4444);font-weight:600}#ai-insights .insight-card .sentiment-result .sentiment-breakdown{display:flex;gap:1rem;margin-top:.75rem;font-size:.875rem}#ai-insights .insight-card .sentiment-result .sentiment-breakdown div{flex:1;text-align:center;padding:.5rem;background:var(--bg-hover);border-radius:.25rem;border:1px solid var(--border-color)}#ai-insights .insight-card .trend-predictions ul,#ai-insights .insight-card .optimization-suggestions ul{list-style:none;padding:0;margin:.75rem 0}#ai-insights .insight-card .trend-predictions ul li,#ai-insights .insight-card .optimization-suggestions ul li{padding:.5rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;gap:.5rem}#ai-insights .insight-card .trend-predictions ul li::before,#ai-insights .insight-card .optimization-suggestions ul li::before{content:"";flex-shrink:0;margin-top:2px}#ai-insights .insight-card .trend-predictions ul li:last-child,#ai-insights .insight-card .optimization-suggestions ul li:last-child{border-bottom:none}#ai-insights .insight-card .trend-predictions ul li:hover,#ai-insights .insight-card .optimization-suggestions ul li:hover{background:var(--bg-hover);padding-left:.5rem;margin-left:-0.5rem;border-radius:.25rem}#ai-insights .insight-card .trend-predictions .suggestion-actions,#ai-insights .insight-card .optimization-suggestions .suggestion-actions{margin-top:1rem;text-align:center}#ai-insights .insight-card .trend-predictions .suggestion-actions .button,#ai-insights .insight-card .optimization-suggestions .suggestion-actions .button{background:var(--primary-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:200ms ease}#ai-insights .insight-card .trend-predictions .suggestion-actions .button:hover,#ai-insights .insight-card .optimization-suggestions .suggestion-actions .button:hover{background:var(--primary-blue-dark, #2563eb);transform:translateY(-1px)}#ai-insights .insight-card .trend-predictions .suggestion-actions .button:active,#ai-insights .insight-card .optimization-suggestions .suggestion-actions .button:active{transform:translateY(0)}#ai-insights .insight-card .performance-metrics .metric{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}#ai-insights .insight-card .performance-metrics .metric:last-child{border-bottom:none}#ai-insights .insight-card .performance-metrics .metric .metric-label{font-weight:500;color:var(--text-color)}#ai-insights .insight-card .performance-metrics .metric .metric-value{font-weight:600;color:var(--primary-blue)}#ai-insights .insight-card .performance-metrics .metric .metric-value.positive{color:var(--success)}#ai-insights .insight-card .performance-metrics .metric .metric-value.negative{color:var(--error)}#ai-insights .insight-card .performance-metrics .metric .metric-value.neutral{color:var(--warning)}#ai-insights .insight-card .loading-state{text-align:center;padding:1.5rem 0;color:var(--text-muted)}#ai-insights .insight-card .loading-state .spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-blue);animation:spin 1s ease-in-out infinite;margin-bottom:.5rem}#ai-insights .insight-card .error-state{text-align:center;padding:1rem 0;color:var(--error)}#ai-insights .insight-card .error-state .retry-btn{background:var(--error);color:#fff;border:none;padding:.5rem .75rem;border-radius:.25rem;cursor:pointer;margin-top:.5rem}#ai-insights .insight-card .error-state .retry-btn:hover{opacity:.9}#ai-insights .insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#ai-insights .insights-header .insights-title h2{margin:0;color:var(--text-color);font-size:1.25rem}#ai-insights .insights-header .insights-title p{margin:.25rem 0 0 0;color:var(--text-muted);font-size:.875rem}#ai-insights .insights-header .insights-controls{display:flex;gap:.5rem}#ai-insights .insights-header .insights-controls .control-btn{padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:200ms ease}#ai-insights .insights-header .insights-controls .control-btn:hover{background:var(--bg-hover)}#ai-insights .insights-header .insights-controls .control-btn.active{background:var(--primary-blue);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}#analytics-dashboard .analytics-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}#analytics-dashboard .analytics-tabs .analytics-tab{background:rgba(0,0,0,0);border:none;padding:.75rem 1rem;border-radius:.25rem .25rem 0 0;cursor:pointer;font-weight:500;color:var(--text-muted);transition:200ms ease}#analytics-dashboard .analytics-tabs .analytics-tab.active{background:var(--primary-blue);color:#fff;border-bottom:2px solid var(--primary-blue)}#analytics-dashboard .analytics-tabs .analytics-tab:hover:not(.active){background:var(--bg-hover);color:var(--text-color)}#analytics-dashboard .analytics-content{display:none}#analytics-dashboard .analytics-content.active{display:block}#analytics-dashboard .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-bottom:1.5rem}#analytics-dashboard .metrics-grid .metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;text-align:center;transition:200ms ease}#analytics-dashboard .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}#analytics-dashboard .metrics-grid .metric-card h3{margin:0 0 .75rem 0;font-size:1rem;color:var(--text-color);font-weight:600}#analytics-dashboard .metrics-grid .metric-card .metric-value{font-size:1.875rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem;display:block}#analytics-dashboard .performance-metrics{display:grid;gap:1rem}#analytics-dashboard .performance-metrics .metric{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem}#analytics-dashboard .performance-metrics .metric span:last-child{font-weight:600;color:var(--primary-blue)}#analytics-dashboard canvas{max-width:100%;height:300px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:.25rem}[data-theme=dark] #analytics-dashboard .analytics-tabs{border-bottom-color:var(--dark-border)}[data-theme=dark] #analytics-dashboard .analytics-tab:hover:not(.active){background:var(--dark-surface);color:var(--dark-text)}[data-theme=dark] #analytics-dashboard .metric-card{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #analytics-dashboard .metric-card h3{color:var(--dark-text)}[data-theme=dark] #analytics-dashboard .performance-metrics{background:var(--dark-bg);padding:1rem;border-radius:.25rem}[data-theme=dark] #analytics-dashboard .performance-metrics .metric{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #analytics-dashboard .performance-metrics .metric span:first-child{color:var(--dark-text)}[data-theme=dark] #analytics-dashboard .performance-metrics .metric span:last-child{color:var(--primary-blue)}[data-theme=dark] #analytics-dashboard canvas{background:var(--dark-bg);border-color:var(--dark-border)}.analytics-section{padding:1.5rem;background:var(--card-bg);border-radius:.5rem;border:1px solid var(--border-color)}.analytics-section .analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.analytics-section .analytics-header .dashboard-selector h3{margin:0 0 .5rem 0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.analytics-section .analytics-header .dashboard-selector select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);font-size:.875rem}.analytics-section .analytics-header .dashboard-actions{display:flex;gap:.5rem}.analytics-section .analytics-header .dashboard-actions .btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.25rem;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);cursor:pointer;transition:200ms ease}.analytics-section .analytics-header .dashboard-actions .btn-sm:hover{background:var(--bg-hover)}.analytics-section .analytics-header .dashboard-actions .btn-sm.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.analytics-section .analytics-header .dashboard-actions .btn-sm.btn-outline{background:rgba(0,0,0,0);border-color:var(--primary);color:var(--primary)}.analytics-section .analytics-header .dashboard-actions .btn-sm.btn-outline:hover{background:var(--primary);color:#fff}.analytics-section .dashboard-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.analytics-section .dashboard-widget{background:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:200ms ease}.analytics-section .dashboard-widget:hover{box-shadow:var(--shadow-md)}.analytics-section .dashboard-widget .widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.analytics-section .dashboard-widget .widget-header h4{margin:0;font-size:1.125rem;font-weight:500;color:var(--text-color)}.analytics-section .dashboard-widget .widget-header .widget-controls{display:flex;gap:.25rem}.analytics-section .dashboard-widget .widget-header .widget-controls .btn-icon{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;color:var(--text-muted);transition:200ms ease}.analytics-section .dashboard-widget .widget-header .widget-controls .btn-icon:hover{background:var(--bg-hover);color:var(--text-color)}.analytics-section .dashboard-widget .widget-content{padding:1rem;height:200px;display:flex;align-items:center;justify-content:center}.analytics-section .dashboard-widget .widget-content .widget-loading{color:var(--text-muted);font-style:italic}.analytics-section .dashboard-widget .widget-content .chart-container{width:100%;height:100%}.analytics-section .dashboard-widget .widget-content .chart-container canvas{width:100% !important;height:100% !important;max-width:100%;max-height:100%}.analytics-section .dashboard-widget .widget-content .gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge{position:relative;width:120px;height:60px;overflow:hidden}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge .gauge-fill{position:absolute;bottom:0;left:0;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--success) 0deg, var(--warning) 180deg, var(--error) 360deg);transform-origin:center bottom;transition:transform .3s ease}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge .gauge-center{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:8px;height:8px;background:var(--bg-color);border-radius:50%;border:2px solid var(--border-color)}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge-value{text-align:center;margin-top:.5rem}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge-value .value{font-size:1.5rem;font-weight:700;color:var(--primary)}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge-value .unit{font-size:.875rem;color:var(--text-muted)}.analytics-section .dashboard-widget .widget-content .gauge-container .gauge-target{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.analytics-section .dashboard-widget .widget-content .metric-value{font-size:2.25rem;font-weight:700;color:var(--primary);text-align:center}.analytics-section .dashboard-widget .widget-content .metric-value.good{color:var(--success)}.analytics-section .dashboard-widget .widget-content .metric-value.warning{color:var(--warning)}.analytics-section .dashboard-widget .widget-content .metric-value.danger{color:var(--error)}.analytics-section .analytics-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.analytics-section .analytics-footer .data-sources h4{margin:0 0 .5rem 0;font-size:.875rem;font-weight:500;color:var(--text-color)}.analytics-section .analytics-footer .data-sources .source-list{display:flex;gap:.5rem;flex-wrap:wrap}.analytics-section .analytics-footer .data-sources .source-list .source-tag{padding:.25rem .5rem;background:var(--bg-hover);border-radius:.125rem;font-size:.75rem;color:var(--text-muted)}.analytics-section .analytics-footer .last-updated{font-size:.75rem;color:var(--text-muted)}.api-integration-section .api-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.api-integration-section .api-header .api-status{display:flex;align-items:center;gap:.5rem}.api-integration-section .api-header .api-status .status-indicator{width:8px;height:8px;border-radius:50%}.api-integration-section .api-header .api-status .status-indicator.active{background-color:var(--success-color, #10b981)}.api-integration-section .api-header .api-status .status-indicator.inactive{background-color:var(--error-color, #ef4444)}.api-integration-section .api-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:.75rem;margin-bottom:1.5rem}.api-integration-section .api-stats .stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;text-align:center}.api-integration-section .api-stats .stat-card h4{margin:0 0 .5rem 0;font-size:.875rem;color:var(--text-secondary)}.api-integration-section .api-stats .stat-card .stat-value{font-size:1.5rem;font-weight:bold;color:var(--text-primary)}.api-integration-section .api-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 768px){.api-integration-section .api-content{grid-template-columns:1fr}}.api-integration-section .endpoints-list .empty-state,.api-integration-section .api-keys-list .empty-state,.api-integration-section .webhooks-list .empty-state,.api-integration-section .logs-list .empty-state{text-align:center;padding:1.5rem;color:var(--text-secondary);font-style:italic}.api-integration-section .endpoint-card,.api-integration-section .api-key-card,.api-integration-section .webhook-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.api-integration-section .endpoint-card .endpoint-info,.api-integration-section .endpoint-card .key-info,.api-integration-section .endpoint-card .webhook-info,.api-integration-section .api-key-card .endpoint-info,.api-integration-section .api-key-card .key-info,.api-integration-section .api-key-card .webhook-info,.api-integration-section .webhook-card .endpoint-info,.api-integration-section .webhook-card .key-info,.api-integration-section .webhook-card .webhook-info{margin-bottom:.75rem}.api-integration-section .endpoint-card .endpoint-method,.api-integration-section .api-key-card .endpoint-method,.api-integration-section .webhook-card .endpoint-method{display:inline-block;padding:.25rem .5rem;border-radius:.125rem;font-size:.75rem;font-weight:bold;text-transform:uppercase}.api-integration-section .endpoint-card .endpoint-method.get,.api-integration-section .api-key-card .endpoint-method.get,.api-integration-section .webhook-card .endpoint-method.get{background-color:var(--success-color, #10b981);color:#fff}.api-integration-section .endpoint-card .endpoint-method.post,.api-integration-section .api-key-card .endpoint-method.post,.api-integration-section .webhook-card .endpoint-method.post{background-color:var(--warning-color, #f59e0b);color:#fff}.api-integration-section .endpoint-card .endpoint-method.put,.api-integration-section .api-key-card .endpoint-method.put,.api-integration-section .webhook-card .endpoint-method.put{background-color:var(--info-color, #3b82f6);color:#fff}.api-integration-section .endpoint-card .endpoint-method.delete,.api-integration-section .api-key-card .endpoint-method.delete,.api-integration-section .webhook-card .endpoint-method.delete{background-color:var(--error-color, #ef4444);color:#fff}.api-integration-section .endpoint-card .endpoint-details h5,.api-integration-section .api-key-card .endpoint-details h5,.api-integration-section .webhook-card .endpoint-details h5{margin:0 0 .25rem 0;font-size:1rem}.api-integration-section .endpoint-card .endpoint-details p,.api-integration-section .api-key-card .endpoint-details p,.api-integration-section .webhook-card .endpoint-details p{margin:0 0 .5rem 0;color:var(--text-secondary);font-size:.875rem}.api-integration-section .endpoint-card .endpoint-details .endpoint-meta,.api-integration-section .api-key-card .endpoint-details .endpoint-meta,.api-integration-section .webhook-card .endpoint-details .endpoint-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.api-integration-section .endpoint-card .endpoint-controls,.api-integration-section .endpoint-card .key-controls,.api-integration-section .endpoint-card .webhook-controls,.api-integration-section .api-key-card .endpoint-controls,.api-integration-section .api-key-card .key-controls,.api-integration-section .api-key-card .webhook-controls,.api-integration-section .webhook-card .endpoint-controls,.api-integration-section .webhook-card .key-controls,.api-integration-section .webhook-card .webhook-controls{display:flex;justify-content:space-between;align-items:center}.api-integration-section .endpoint-card .endpoint-controls .toggle,.api-integration-section .endpoint-card .key-controls .toggle,.api-integration-section .endpoint-card .webhook-controls .toggle,.api-integration-section .api-key-card .endpoint-controls .toggle,.api-integration-section .api-key-card .key-controls .toggle,.api-integration-section .api-key-card .webhook-controls .toggle,.api-integration-section .webhook-card .endpoint-controls .toggle,.api-integration-section .webhook-card .key-controls .toggle,.api-integration-section .webhook-card .webhook-controls .toggle{position:relative;display:inline-block;width:44px;height:24px}.api-integration-section .endpoint-card .endpoint-controls .toggle input,.api-integration-section .endpoint-card .key-controls .toggle input,.api-integration-section .endpoint-card .webhook-controls .toggle input,.api-integration-section .api-key-card .endpoint-controls .toggle input,.api-integration-section .api-key-card .key-controls .toggle input,.api-integration-section .api-key-card .webhook-controls .toggle input,.api-integration-section .webhook-card .endpoint-controls .toggle input,.api-integration-section .webhook-card .key-controls .toggle input,.api-integration-section .webhook-card .webhook-controls .toggle input{opacity:0;width:0;height:0}.api-integration-section .endpoint-card .endpoint-controls .toggle .toggle-slider,.api-integration-section .endpoint-card .key-controls .toggle .toggle-slider,.api-integration-section .endpoint-card .webhook-controls .toggle .toggle-slider,.api-integration-section .api-key-card .endpoint-controls .toggle .toggle-slider,.api-integration-section .api-key-card .key-controls .toggle .toggle-slider,.api-integration-section .api-key-card .webhook-controls .toggle .toggle-slider,.api-integration-section .webhook-card .endpoint-controls .toggle .toggle-slider,.api-integration-section .webhook-card .key-controls .toggle .toggle-slider,.api-integration-section .webhook-card .webhook-controls .toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.api-integration-section .endpoint-card .endpoint-controls .toggle .toggle-slider:before,.api-integration-section .endpoint-card .key-controls .toggle .toggle-slider:before,.api-integration-section .endpoint-card .webhook-controls .toggle .toggle-slider:before,.api-integration-section .api-key-card .endpoint-controls .toggle .toggle-slider:before,.api-integration-section .api-key-card .key-controls .toggle .toggle-slider:before,.api-integration-section .api-key-card .webhook-controls .toggle .toggle-slider:before,.api-integration-section .webhook-card .endpoint-controls .toggle .toggle-slider:before,.api-integration-section .webhook-card .key-controls .toggle .toggle-slider:before,.api-integration-section .webhook-card .webhook-controls .toggle .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.api-integration-section .endpoint-card .endpoint-controls .toggle input:checked+.toggle-slider,.api-integration-section .endpoint-card .key-controls .toggle input:checked+.toggle-slider,.api-integration-section .endpoint-card .webhook-controls .toggle input:checked+.toggle-slider,.api-integration-section .api-key-card .endpoint-controls .toggle input:checked+.toggle-slider,.api-integration-section .api-key-card .key-controls .toggle input:checked+.toggle-slider,.api-integration-section .api-key-card .webhook-controls .toggle input:checked+.toggle-slider,.api-integration-section .webhook-card .endpoint-controls .toggle input:checked+.toggle-slider,.api-integration-section .webhook-card .key-controls .toggle input:checked+.toggle-slider,.api-integration-section .webhook-card .webhook-controls .toggle input:checked+.toggle-slider{background-color:var(--primary-color, #3b82f6)}.api-integration-section .endpoint-card .endpoint-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .endpoint-card .key-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .endpoint-card .webhook-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .api-key-card .endpoint-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .api-key-card .key-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .api-key-card .webhook-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .webhook-card .endpoint-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .webhook-card .key-controls .toggle input:checked+.toggle-slider:before,.api-integration-section .webhook-card .webhook-controls .toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.api-integration-section .endpoint-card .endpoint-controls .btn-icon,.api-integration-section .endpoint-card .key-controls .btn-icon,.api-integration-section .endpoint-card .webhook-controls .btn-icon,.api-integration-section .api-key-card .endpoint-controls .btn-icon,.api-integration-section .api-key-card .key-controls .btn-icon,.api-integration-section .api-key-card .webhook-controls .btn-icon,.api-integration-section .webhook-card .endpoint-controls .btn-icon,.api-integration-section .webhook-card .key-controls .btn-icon,.api-integration-section .webhook-card .webhook-controls .btn-icon{background:none;border:none;padding:.25rem;cursor:pointer;border-radius:.125rem;color:var(--text-secondary)}.api-integration-section .endpoint-card .endpoint-controls .btn-icon:hover,.api-integration-section .endpoint-card .key-controls .btn-icon:hover,.api-integration-section .endpoint-card .webhook-controls .btn-icon:hover,.api-integration-section .api-key-card .endpoint-controls .btn-icon:hover,.api-integration-section .api-key-card .key-controls .btn-icon:hover,.api-integration-section .api-key-card .webhook-controls .btn-icon:hover,.api-integration-section .webhook-card .endpoint-controls .btn-icon:hover,.api-integration-section .webhook-card .key-controls .btn-icon:hover,.api-integration-section .webhook-card .webhook-controls .btn-icon:hover{background-color:var(--hover-bg);color:var(--text-primary)}.api-integration-section .endpoint-card .endpoint-controls .btn-icon.danger:hover,.api-integration-section .endpoint-card .key-controls .btn-icon.danger:hover,.api-integration-section .endpoint-card .webhook-controls .btn-icon.danger:hover,.api-integration-section .api-key-card .endpoint-controls .btn-icon.danger:hover,.api-integration-section .api-key-card .key-controls .btn-icon.danger:hover,.api-integration-section .api-key-card .webhook-controls .btn-icon.danger:hover,.api-integration-section .webhook-card .endpoint-controls .btn-icon.danger:hover,.api-integration-section .webhook-card .key-controls .btn-icon.danger:hover,.api-integration-section .webhook-card .webhook-controls .btn-icon.danger:hover{color:var(--error-color)}.api-integration-section .log-entry{display:grid;grid-template-columns:60px 1fr 60px 120px;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--border-color);font-size:.875rem;align-items:center}.api-integration-section .log-entry.error{background-color:rgba(239,68,68,.1)}.api-integration-section .log-entry.success{background-color:rgba(16,185,129,.1)}.api-integration-section .log-entry .log-method{font-weight:bold;text-align:center}.api-integration-section .log-entry .log-method.get{color:var(--success-color, #10b981)}.api-integration-section .log-entry .log-method.post{color:var(--warning-color, #f59e0b)}.api-integration-section .log-entry .log-method.put{color:var(--info-color, #3b82f6)}.api-integration-section .log-entry .log-method.delete{color:var(--error-color, #ef4444)}.api-integration-section .log-entry .log-path{font-family:var(--font-family-mono)}.api-integration-section .log-entry .log-status{text-align:center;font-weight:bold}.api-integration-section .log-entry .log-time{text-align:right;color:var(--text-secondary);font-size:.75rem}[data-theme=dark] .api-integration-section .endpoint-card,[data-theme=dark] .api-integration-section .api-key-card,[data-theme=dark] .api-integration-section .webhook-card{background:var(--card-bg);border-color:var(--border-color)}@media(max-width: 768px){.api-integration-section .api-content{grid-template-columns:1fr}.api-integration-section .endpoint-meta{flex-direction:column;gap:.25rem !important}.api-integration-section .log-entry{grid-template-columns:50px 1fr 50px;font-size:.75rem}.api-integration-section .log-entry .log-time{display:none}}#call-flow-builder .tab-content{padding:1.5rem}#call-flow-builder .flow-step-input{display:flex;gap:.75rem;margin-bottom:1rem}#call-flow-builder .flow-steps{min-height:200px}#call-flow-builder .flow-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border-radius:.25rem;margin-bottom:.5rem;border-left:4px solid var(--primary-blue);transition:200ms ease}#call-flow-builder .flow-step:hover{background:var(--gray-100);transform:translateX(4px)}#call-flow-builder .step-number{background:var(--primary-blue);color:var(--white);border-radius:9999px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}#call-flow-builder .step-input{flex:1;border:none;background:rgba(0,0,0,0);font-size:1rem;padding:.25rem;border-radius:.25rem}#call-flow-builder .step-input:focus{background:var(--white);box-shadow:0 0 0 2px var(--primary-blue)}#call-flow-builder .bulk-add-area{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}#call-flow-builder .bulk-steps-textarea{width:100%;min-height:120px;margin-bottom:.75rem;font-family:var(--font-family-sans);resize:vertical}#call-flow-builder .empty-steps-msg{text-align:center;color:var(--gray-500);font-style:italic;padding:2rem;border:2px dashed var(--gray-200);border-radius:.25rem}#call-flow-builder .flow-steps-list{margin:1.5rem 0;padding-left:.5rem}#call-flow-builder .flow-steps-list .flow-step-item{display:flex;align-items:center;margin-bottom:.75rem;padding:.8rem 1rem;border-radius:.25rem;background:var(--white);border:1px solid var(--gray-200);transition:all .2s ease;position:relative;overflow:hidden}#call-flow-builder .flow-steps-list .flow-step-item::after{content:"";position:absolute;top:0;left:0;height:100%;width:4px;background:var(--primary-blue)}#call-flow-builder .flow-steps-list .flow-step-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}#call-flow-builder .flow-steps-list .flow-step-item.completed{background:#f0fdf4;border-color:var(--success)}#call-flow-builder .flow-steps-list .flow-step-item.completed::after{background:var(--success)}#call-flow-builder .flow-steps-list .flow-step-item.completed .step-text{text-decoration:line-through;color:rgba(22,163,74,.6)}#call-flow-builder .flow-steps-list .flow-step-item.completed .step-number{background:var(--success)}#call-flow-builder .flow-steps-list .step-checkbox{position:relative;width:22px;height:22px;margin-right:1rem;flex-shrink:0}#call-flow-builder .flow-steps-list .step-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#call-flow-builder .flow-steps-list .step-checkbox .checkmark{position:absolute;top:0;left:0;height:22px;width:22px;background-color:rgba(0,0,0,0);border:2px solid var(--gray-300);border-radius:4px;transition:all .2s ease}#call-flow-builder .flow-steps-list .step-checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}#call-flow-builder .flow-steps-list .step-checkbox input:checked~.checkmark{background-color:var(--success);border-color:var(--success)}#call-flow-builder .flow-steps-list .step-checkbox input:checked~.checkmark:after{display:block}#call-flow-builder .flow-steps-list .step-checkbox:hover .checkmark{border-color:var(--success);background-color:rgba(22,163,74,.1)}#call-flow-builder .flow-steps-list .step-text{font-size:1rem;line-height:1.5}#call-flow-builder .flow-steps-list .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;font-size:.875rem;font-weight:700;background-color:var(--primary-blue);border-radius:50%;flex-shrink:0;transition:background-color .2s ease}#call-flow-builder .flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200)}#call-flow-builder .flow-header h3{margin:0;font-size:1.125rem;color:var(--primary-blue);position:relative;padding-left:1.5rem}#call-flow-builder .flow-header h3::before{content:"";font-size:1.2rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}#call-flow-builder .flow-header #clear-checkmarks{padding:.4rem .75rem;font-size:.875rem;background:linear-gradient(90deg, var(--gray-500) 60%, var(--gray-600) 100%);border-radius:9999px;transition:all .2s ease}#call-flow-builder .flow-header #clear-checkmarks:hover{background:linear-gradient(90deg, var(--gray-600) 60%, var(--gray-700) 100%);transform:translateY(-1px)}#call-flow-builder .flow-progress{margin-bottom:1.5rem;background:var(--gray-50);padding:1rem;border-radius:.25rem;border:1px solid var(--gray-200)}#call-flow-builder .flow-progress .progress-bar{height:8px;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}#call-flow-builder .flow-progress .progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-blue-light) 0%, var(--primary-blue) 100%);transition:width .3s ease;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,.1)}#call-flow-builder .flow-progress .progress-text{display:flex;justify-content:space-between;font-size:.875rem;margin-top:.5rem}#call-flow-builder .empty-steps-msg{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center}#call-flow-builder .empty-steps-msg:before{content:"";font-size:3rem;margin-bottom:1rem}.generated-flow:empty{display:none}[data-theme=dark] .flow-progress{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 4px 16px rgba(0,0,0,.4)}[data-theme=dark] .flow-progress .progress-bar{background-color:var(--dark-border);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .flow-progress .progress-fill{background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);box-shadow:0 0 15px rgba(144,202,249,.5)}[data-theme=dark] .flow-progress .progress-text{color:var(--dark-text)}[data-theme=dark] .flow-steps-list .flow-step-item{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 4px 12px rgba(0,0,0,.5)}[data-theme=dark] .flow-steps-list .flow-step-item::after{background:var(--primary-blue-light);box-shadow:0 0 10px rgba(144,202,249,.6)}[data-theme=dark] .flow-steps-list .flow-step-item:hover{background:var(--dark-bg);box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--primary-blue-light)}[data-theme=dark] .flow-steps-list .flow-step-item.completed{background:rgba(22,163,74,.2);border-color:rgba(22,163,74,.4)}[data-theme=dark] .flow-steps-list .flow-step-item.completed::after{background:var(--success);box-shadow:0 0 10px rgba(22,163,74,.6)}[data-theme=dark] .flow-steps-list .flow-step-item.completed .step-text{color:var(--dark-text-muted)}[data-theme=dark] .flow-steps-list .flow-step-item.completed .step-number{background:var(--success);box-shadow:0 0 10px rgba(22,163,74,.6)}[data-theme=dark] .step-checkbox .checkmark{border-color:var(--dark-border);box-shadow:0 0 5px rgba(0,0,0,.2)}[data-theme=dark] .step-checkbox .checkmark:after{border-color:var(--dark-bg)}[data-theme=dark] .step-checkbox:hover .checkmark{border-color:var(--success);background-color:rgba(22,163,74,.2)}[data-theme=dark] .step-text{color:var(--dark-text)}@media(max-width: 640px){#call-flow-builder .tab-content{padding:.75rem}#call-flow-builder .flow-header{flex-direction:column;align-items:flex-start;gap:.5rem}#call-flow-builder .flow-header #clear-checkmarks{align-self:flex-end}#call-flow-builder .flow-step-item{padding:.5rem}#call-flow-builder .flow-step-item .step-text{font-size:.875rem}#call-flow-builder .flow-progress{padding:.5rem}}#camera-integration .camera-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}#camera-integration .camera-controls button{flex:1;min-width:120px}#camera-integration .camera-preview{margin:1rem 0;text-align:center}#camera-integration .camera-preview video{max-width:100%;border-radius:.375rem;box-shadow:var(--shadow-sm)}#camera-integration .photo-gallery{margin-top:1rem}#camera-integration .photo-gallery h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem}#camera-integration .photo-gallery .photos-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));gap:.75rem}#camera-integration .photo-gallery .photos-container .photo-item{position:relative;border-radius:.375rem;overflow:hidden;box-shadow:var(--shadow-sm)}#camera-integration .photo-gallery .photos-container .photo-item img{width:100%;height:120px;object-fit:cover}#camera-integration .photo-gallery .photos-container .photo-item .photo-actions{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:.5rem;display:flex;justify-content:space-between;align-items:center}#camera-integration .photo-gallery .photos-container .photo-item .photo-actions button{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.125rem}#camera-integration .photo-gallery .photos-container .photo-item .photo-actions button:hover{background:rgba(255,255,255,.2)}#crm-integration .crm-config{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}#crm-integration .crm-config .form-group{display:flex;flex-direction:column;gap:.5rem}#crm-integration .crm-config .form-group label{font-weight:500;color:var(--text-color);font-size:.875rem}#crm-integration .crm-config .form-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color)}#crm-integration .crm-config .form-group select:focus{outline:none;border-color:var(--primary-blue)}#crm-integration .crm-config{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}#crm-integration .crm-config .config-section{margin-bottom:1rem}#crm-integration .crm-config .config-section:last-child{margin-bottom:0}#crm-integration .crm-config .config-section h4{margin:0 0 .75rem 0;color:var(--text-color);font-size:1rem}#crm-integration .crm-config .config-section .form-group{display:grid;grid-template-columns:200px 1fr;gap:.75rem;align-items:center;margin-bottom:.75rem}#crm-integration .crm-config .config-section .form-group label{font-weight:500;color:var(--text-color)}#crm-integration .crm-config .config-section .form-group input,#crm-integration .crm-config .config-section .form-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color)}#crm-integration .crm-config .config-section .form-group input:focus,#crm-integration .crm-config .config-section .form-group select:focus{outline:none;border-color:var(--primary-blue)}#crm-integration .crm-config .config-section .form-group input.error,#crm-integration .crm-config .config-section .form-group select.error{border-color:var(--error-color);background:rgba(239,68,68,.05)}#crm-integration .crm-config .config-section .form-group .error-message{color:var(--error-color);font-size:.75rem;margin-top:.25rem;font-weight:500}#crm-integration .customer-search{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}#crm-integration .customer-search .search-form{display:flex;gap:.75rem;margin-bottom:1rem}#crm-integration .customer-search .search-form input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color)}#crm-integration .customer-search .search-form input:focus{outline:none;border-color:var(--primary-blue)}#crm-integration .customer-search .search-form .button{padding:.75rem 1rem;white-space:nowrap}#crm-integration .customer-search .search-results .customer-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.5rem;background:var(--bg-color);cursor:pointer}#crm-integration .customer-search .search-results .customer-item:hover{background:var(--hover-bg)}#crm-integration .customer-search .search-results .customer-item .customer-info h4{margin:0 0 .25rem 0;color:var(--text-color)}#crm-integration .customer-search .search-results .customer-item .customer-info .customer-details{font-size:.875rem;color:var(--text-muted)}#crm-integration .customer-search .search-results .customer-item .customer-actions{display:flex;gap:.5rem}#crm-integration .customer-search .search-results .customer-item .customer-actions .button{padding:.5rem .75rem;font-size:.875rem}#crm-integration .recent-interactions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}#crm-integration .recent-interactions .interaction-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color)}#crm-integration .recent-interactions .interaction-item:last-child{border-bottom:none}#crm-integration .recent-interactions .interaction-item .interaction-info h5{margin:0 0 .25rem 0;color:var(--text-color);font-size:1rem}#crm-integration .recent-interactions .interaction-item .interaction-info .interaction-meta{font-size:.875rem;color:var(--text-muted)}#crm-integration .recent-interactions .interaction-item .interaction-status{padding:.25rem .5rem;border-radius:.125rem;font-size:.75rem;font-weight:500;text-transform:uppercase}#crm-integration .recent-interactions .interaction-item .interaction-status.completed{background:var(--success-color);color:#fff}#crm-integration .recent-interactions .interaction-item .interaction-status.pending{background:var(--warning-color);color:#fff}#crm-integration .recent-interactions .interaction-item .interaction-status.failed{background:var(--error-color);color:#fff}.demo-indicator{display:inline-block;margin-left:.5rem}.demo-indicator .demo-badge{background:linear-gradient(135deg, #ff6b35, #f7931e);color:#fff;padding:.25rem .5rem;border-radius:.125rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(255,107,53,.3);animation:pulse 2s infinite}[data-theme=dark] #crm-integration .crm-config,[data-theme=dark] #crm-integration .customer-search,[data-theme=dark] #crm-integration .recent-interactions{background:var(--card-bg-dark);border-color:var(--border-color-dark)}[data-theme=dark] #crm-integration .customer-item,[data-theme=dark] #crm-integration .interaction-item{background:var(--bg-color-dark);border-color:var(--border-color-dark)}[data-theme=dark] #crm-integration .customer-item:hover,[data-theme=dark] #crm-integration .interaction-item:hover{background:var(--hover-bg-dark)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}#custom-dashboards .dashboard-builder{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}#custom-dashboards .dashboard-builder .builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#custom-dashboards .dashboard-builder .builder-header .builder-title h3{margin:0;color:var(--text-color);font-size:1.125rem}#custom-dashboards .dashboard-builder .builder-header .builder-title p{margin:.25rem 0 0 0;color:var(--text-muted);font-size:.875rem}#custom-dashboards .dashboard-builder .builder-header .builder-actions{display:flex;gap:.5rem}#custom-dashboards .dashboard-builder .builder-header .builder-actions .action-btn{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-hover);color:var(--text-color);cursor:pointer;font-size:.875rem;transition:200ms ease}#custom-dashboards .dashboard-builder .builder-header .builder-actions .action-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}#custom-dashboards .dashboard-builder .builder-header .builder-actions .action-btn.save-btn{background:var(--success-color);color:#fff;border-color:var(--success-color)}#custom-dashboards .dashboard-builder .builder-header .builder-actions .action-btn.save-btn:hover{background:var(--success-color-dark)}#custom-dashboards .dashboard-builder .widget-palette{margin-bottom:1rem}#custom-dashboards .dashboard-builder .widget-palette .palette-header{margin-bottom:.75rem}#custom-dashboards .dashboard-builder .widget-palette .palette-header h4{margin:0;color:var(--text-color);font-size:1rem}#custom-dashboards .dashboard-builder .widget-palette .widget-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:.75rem}#custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item{background:var(--bg-color);border:2px dashed var(--border-color);border-radius:.25rem;padding:.75rem;text-align:center;cursor:grab;transition:200ms ease}#custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item:hover{border-color:var(--primary-blue);background:var(--bg-hover)}#custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item .widget-icon{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-muted)}#custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item .widget-name{font-size:.875rem;font-weight:500;color:var(--text-color);margin:0}#custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item .widget-desc{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0 0}#custom-dashboards .dashboard-builder .dashboard-canvas{min-height:400px;background:var(--bg-color);border:2px dashed var(--border-color);border-radius:.25rem;padding:1rem;position:relative}#custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:var(--text-muted)}#custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder .placeholder-icon{font-size:2.25rem;margin-bottom:.75rem;opacity:.5}#custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder h4{margin:0 0 .5rem 0;color:var(--text-color)}#custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder p{margin:0;font-size:1rem}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;margin-bottom:1rem;position:relative;cursor:move}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget:hover{box-shadow:var(--shadow-lg)}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-title{font-weight:600;color:var(--text-color);margin:0}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-controls{display:flex;gap:.25rem}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-controls .control-btn{background:rgba(0,0,0,0);border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:200ms ease}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-controls .control-btn:hover{background:var(--bg-hover)}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-controls .control-btn.delete{color:var(--error-color)}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-controls .control-btn.delete:hover{background:var(--error-color);color:#fff}#custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-content .widget-placeholder{height:100px;background:var(--bg-hover);border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}#custom-dashboards .saved-dashboards .dashboards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#custom-dashboards .saved-dashboards .dashboards-header h3{margin:0;color:var(--text-color);font-size:1.125rem}#custom-dashboards .saved-dashboards .dashboards-header .create-new-btn{background:var(--primary-blue);color:#fff;border:none;padding:.75rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500}#custom-dashboards .saved-dashboards .dashboards-header .create-new-btn:hover{background:var(--primary-blue-dark)}#custom-dashboards .saved-dashboards .dashboards-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;transition:200ms ease}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-preview{height:150px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info{padding:1rem}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-name{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem 0}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-meta{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions{display:flex;gap:.5rem}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-hover);color:var(--text-color);cursor:pointer;font-size:.875rem;transition:200ms ease}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn.edit{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn.edit:hover{background:var(--warning-color-dark)}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn.delete{background:var(--error-color);color:#fff;border-color:var(--error-color)}#custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn.delete:hover{background:var(--error-color-dark)}[data-theme=dark] #custom-dashboards .dashboard-builder{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #custom-dashboards .dashboard-builder .builder-header .builder-title h3{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .dashboard-builder .builder-header .builder-title p{color:var(--dark-text-muted)}[data-theme=dark] #custom-dashboards .dashboard-builder .builder-header .builder-actions .action-btn{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #custom-dashboards .dashboard-builder .widget-palette .palette-header h4{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] #custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item:hover{background:var(--dark-surface)}[data-theme=dark] #custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item .widget-name{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .dashboard-builder .widget-palette .widget-grid .widget-item .widget-desc{color:var(--dark-text-muted)}[data-theme=dark] #custom-dashboards .dashboard-builder .dashboard-canvas{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] #custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder{color:var(--dark-text-muted)}[data-theme=dark] #custom-dashboards .dashboard-builder .dashboard-canvas .canvas-placeholder h4{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #custom-dashboards .dashboard-builder .dashboard-canvas .dashboard-widget .widget-header .widget-title{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .saved-dashboards .dashboards-header h3{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-name{color:var(--dark-text)}[data-theme=dark] #custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-meta{color:var(--dark-text-muted)}[data-theme=dark] #custom-dashboards .saved-dashboards .dashboards-grid .dashboard-card .dashboard-info .dashboard-actions .action-btn{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}#email-integration .email-composer{margin-bottom:1rem}#email-integration .email-composer .input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}#email-integration .email-composer .input-group input,#email-integration .email-composer .input-group textarea{width:100%}#email-integration .email-composer .input-group textarea{min-height:120px;resize:vertical}#email-integration .email-composer .email-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}#email-integration .email-composer .email-actions button{flex-shrink:0}#email-integration .email-templates{margin-bottom:1rem}#email-integration .email-templates h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem}#email-integration .email-templates .templates-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.75rem}#email-integration .email-templates .templates-list .template-item{background:var(--bg-hover);padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);cursor:pointer;transition:200ms ease}#email-integration .email-templates .templates-list .template-item:hover{background:var(--white);box-shadow:var(--shadow-sm);transform:translateY(-1px)}#email-integration .email-templates .templates-list .template-item .template-name{font-weight:500;color:var(--gray-800);margin-bottom:.25rem}#email-integration .email-templates .templates-list .template-item .template-description{font-size:.875rem;color:var(--gray-600)}#email-integration .email-history h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem}#email-integration .email-history .emails-list{min-height:150px;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-hover);padding:.75rem}#email-integration .email-history .emails-list .email-item{background:var(--white);padding:.75rem;margin-bottom:.5rem;border-radius:.375rem;border:1px solid var(--border-color);font-size:.875rem}#email-integration .email-history .emails-list .email-item:last-child{margin-bottom:0}#email-integration .email-history .emails-list .email-item .email-subject{font-weight:500;color:var(--gray-800);margin-bottom:.25rem}#email-integration .email-history .emails-list .email-item .email-meta{display:flex;justify-content:space-between;align-items:center;color:var(--gray-500);font-size:.75rem}#email-integration .email-history .emails-list .email-item .email-meta .email-time{font-style:italic}#email-integration .email-history .emails-list:empty::after{content:"No emails sent yet";display:block;text-align:center;color:var(--gray-500);font-style:italic;padding:1.5rem}.channel-tabs{display:flex;background:var(--gray-50);border-bottom:1px solid var(--gray-200);border-radius:.5rem .5rem 0 0;overflow:hidden}.channel-tab{flex:1;background:rgba(0,0,0,0);border:none;padding:.75rem 1rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:200ms ease;border-bottom:3px solid rgba(0,0,0,0);position:relative}.channel-tab:hover{background:var(--gray-100);color:var(--gray-800)}.channel-tab.active{background:var(--white);color:var(--primary-blue);border-bottom-color:var(--primary-blue);font-weight:600}.channel-tab:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(25,118,210,.3)}.channel-content{display:none;padding:1.5rem}.channel-content.active{display:block}.sms-interface{display:flex;flex-direction:column;gap:1.5rem}.sms-composer{background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;padding:1.5rem}.sms-composer h4{margin:0 0 1rem 0;color:var(--gray-900);font-size:1.125rem;font-weight:600}.sms-composer .form-group{margin-bottom:1rem}.sms-composer .form-group label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:.25rem}.sms-composer .form-group input[type=tel]{width:100%;padding:.5rem .75rem;border:2px solid var(--gray-200);border-radius:.25rem;font-size:1rem;font-family:var(--font-sans);color:var(--gray-900);transition:200ms ease}.sms-composer .form-group input[type=tel]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.sms-composer .form-group input[type=tel]::placeholder{color:var(--gray-400)}.sms-composer .form-group textarea{width:100%;min-height:80px;padding:.5rem .75rem;border:2px solid var(--gray-200);border-radius:.25rem;font-size:1rem;font-family:var(--font-sans);color:var(--gray-900);resize:vertical;transition:200ms ease}.sms-composer .form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.sms-composer .form-group textarea::placeholder{color:var(--gray-400)}.char-count{text-align:right;font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.sms-composer .button{background:var(--primary-blue);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:200ms ease;width:100%}.sms-composer .button:hover{background:var(--primary-blue-dark)}.sms-composer .button:disabled{background:var(--gray-400);cursor:not-allowed}.sms-composer .button:focus{outline:none;box-shadow:0 0 0 2px rgba(25,118,210,.3)}.sms-history{background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;padding:1.5rem}.sms-history h4{margin:0 0 1rem 0;color:var(--gray-900);font-size:1.125rem;font-weight:600}.sms-list{max-height:300px;overflow-y:auto}.sms-item{border:1px solid var(--gray-200);border-radius:.375rem;padding:1rem;margin-bottom:.75rem;background:var(--white)}.sms-item:last-child{margin-bottom:0}.sms-item.sent{border-left:4px solid var(--success-green)}.sms-item.received{border-left:4px solid var(--primary-blue)}.sms-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.sms-number{font-weight:500;color:var(--gray-900)}.sms-time{color:var(--gray-500)}.sms-content{color:var(--gray-700);line-height:1.5;word-wrap:break-word}.phone-interface .active-call{background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.phone-interface .active-call h4{margin:0 0 .5rem 0;color:var(--gray-900);font-size:1rem;font-weight:600}.phone-interface .active-call #active-call-info{color:var(--gray-600);font-size:.875rem}.phone-interface .call-controls{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.phone-interface .call-controls .button{flex:1;min-width:80px;padding:.5rem;font-size:.875rem}.phone-interface .recent-calls{background:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem}.phone-interface .recent-calls h4{margin:0 0 .5rem 0;color:var(--gray-900);font-size:1rem;font-weight:600}@media(max-width: 768px){.channel-tabs{flex-direction:column}.channel-tab{text-align:center}.channel-content{padding:1rem}.sms-interface{gap:1rem}.sms-composer,.sms-history{padding:1rem}.call-controls .button{flex:1 1 45%}}#notes .notes-input-area{margin-bottom:1.5rem;background:var(--bg-hover);padding:1rem;border-radius:.375rem;border:1px solid var(--border-color)}#notes .notes-input{width:100%;min-height:80px;resize:vertical;margin-bottom:.75rem;font-family:var(--font-family-sans);border:1px solid var(--border-color);border-radius:.125rem;padding:.75rem;background:var(--white);color:var(--gray-800);transition:border-color .2s ease}#notes .notes-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(59,130,246,.1)}#notes .notes-feed{border-left:3px solid var(--primary-blue);padding-left:1.5rem;margin:1.5rem 0;min-height:200px;position:relative}#notes .notes-feed:empty::after{content:"No notes yet. Add your first note above!";display:block;text-align:center;color:var(--gray-500);font-style:italic;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%}#notes .note-item{background:var(--white);border-radius:.375rem;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s ease;position:relative}#notes .note-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue);transform:translateX(2px)}#notes .note-item:last-child{margin-bottom:0}#notes .note-item::before{content:"";position:absolute;left:calc(-1.5rem - .375rem);top:1rem;width:.75rem;height:.75rem;background:var(--primary-blue);border-radius:9999px;border:.1875rem solid var(--white);box-shadow:0 0 0 .125rem var(--primary-blue)}#notes .note-content{margin-bottom:.75rem;line-height:1.6;word-break:break-word;color:var(--gray-800);white-space:pre-wrap}#notes .note-timestamp{font-size:.75rem;color:var(--gray-500);margin-bottom:.5rem;display:block}#notes .note-updated{font-size:.75rem;color:var(--gray-400);margin-bottom:.5rem;display:block}#notes .note-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}#notes .note-actions button{padding:.25rem .75rem;font-size:.75rem;border-radius:.125rem;transition:all .2s ease}#notes .note-actions button:hover{transform:translateY(-1px)}#notes .edit-note-input{width:100%;min-height:80px;resize:vertical;margin-bottom:.75rem;font-family:var(--font-family-sans)}[data-theme=dark] #notes .notes-input-area{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] #notes .notes-input{background:var(--dark-surface);color:var(--dark-text);border-color:var(--dark-border)}[data-theme=dark] #notes .notes-input:focus{border-color:#90caf9;box-shadow:0 0 0 2px rgba(144,202,249,.2)}[data-theme=dark] #notes .notes-feed{border-color:var(--dark-border)}[data-theme=dark] #notes .notes-feed:empty::after{color:var(--dark-text-muted)}[data-theme=dark] #notes .note-item{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #notes .note-item:hover{background:var(--dark-bg);border-color:#90caf9}[data-theme=dark] #notes .note-item::before{background:#90caf9;border-color:var(--dark-surface);box-shadow:0 0 0 .125rem #90caf9}[data-theme=dark] #notes .note-content{color:var(--dark-text)}[data-theme=dark] #notes .note-timestamp{color:var(--dark-text-muted)}[data-theme=dark] #notes .note-updated{color:var(--dark-text-muted)}[data-theme=dark] #notes .note-actions{border-top-color:var(--dark-border)}@media(max-width: 600px){#notes .notes-input{min-height:60px;font-size:.875rem}#notes .notes-feed{padding-left:.5rem;margin:.5rem 0;min-height:100px;font-size:.875rem}#notes .note-item{padding:.5rem;font-size:.875rem}}#pattern-formatter .input-group{display:flex;gap:.5rem;margin-bottom:1rem;align-items:end}#pattern-formatter .input-group label{display:flex;flex-direction:column;font-weight:500;color:var(--gray-700);gap:.25rem}#pattern-formatter .input-group input{flex:1;min-width:120px}#pattern-formatter .input-group button{flex-shrink:0}#pattern-formatter .pattern-result{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:.25rem;padding:1rem;font-family:var(--font-family-mono);font-size:1.125rem;font-weight:600;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;margin:1rem 0;transition:200ms ease}#pattern-formatter .pattern-result.copied{background:#dcfce7;border-color:var(--success);color:var(--success);animation:pulse .5s ease-in-out}#pattern-formatter .pattern-history{margin-top:1rem;border-top:1px solid var(--gray-200);padding-top:1rem}#pattern-formatter .pattern-history .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}#pattern-formatter .pattern-history .history-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--gray-700)}#pattern-formatter .pattern-history .history-header .history-controls{display:flex;gap:.5rem}#pattern-formatter .pattern-history .history-list{max-height:300px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:.25rem;background:var(--gray-50)}#pattern-formatter .pattern-history .history-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--gray-200);transition:150ms ease}#pattern-formatter .pattern-history .history-item:hover{background:var(--gray-100)}#pattern-formatter .pattern-history .history-item:last-child{border-bottom:none}#pattern-formatter .pattern-history .history-item .history-input,#pattern-formatter .pattern-history .history-item .history-result{font-family:var(--font-family-mono);font-size:.875rem;font-weight:500;padding:.25rem .5rem;background:#fff;border:1px solid var(--gray-300);border-radius:.125rem;min-width:120px;text-align:center}#pattern-formatter .pattern-history .history-item .history-arrow{color:var(--gray-500);font-weight:700}#pattern-formatter .pattern-history .history-item .history-actions{display:flex;gap:.25rem;align-items:center}#pattern-formatter .pattern-history .history-item .history-use-btn,#pattern-formatter .pattern-history .history-item .history-delete-btn{padding:.35rem .65rem;font-size:1rem;border:none;border-radius:.25rem;cursor:pointer;transition:150ms ease;display:inline-flex;align-items:center;justify-content:center}#pattern-formatter .pattern-history .history-item .history-use-btn{background:var(--primary);color:#fff}#pattern-formatter .pattern-history .history-item .history-use-btn:hover{background:var(--primary-dark)}#pattern-formatter .pattern-history .history-item .history-delete-btn{background:var(--danger);color:#fff}#pattern-formatter .pattern-history .history-item .history-delete-btn:hover{background:var(--danger-dark)}#pattern-formatter .pattern-history .no-history{text-align:center;color:var(--gray-500);font-style:italic;padding:1rem;margin:0}#pattern-formatter .pattern-table{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:.25rem;overflow:hidden;box-shadow:var(--shadow-sm)}#pattern-formatter .pattern-table th,#pattern-formatter .pattern-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}#pattern-formatter .pattern-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}#pattern-formatter .pattern-table tbody tr{transition:150ms ease}#pattern-formatter .pattern-table tbody tr:hover{background:var(--gray-50)}#pattern-formatter .pattern-table tbody tr:last-child td{border-bottom:none}#pattern-formatter .pattern-table td{font-family:var(--font-family-mono);font-size:.875rem}#pattern-formatter .pattern-table td:last-child{text-align:center}#pattern-formatter .pattern-table .format-cell{font-family:var(--font-family-mono);font-size:1rem;font-weight:500;color:var(--primary-blue);background:var(--gray-50);padding:.75rem 1rem;border-radius:.125rem;margin:.25rem;display:inline-block;min-width:120px;text-align:center;letter-spacing:.025em}#pattern-formatter .empty-patterns-msg{text-align:center;color:var(--gray-500);font-style:italic;padding:2rem}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}[data-theme=dark] #pattern-formatter .input-group label{color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-result{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-result.copied{background:rgba(34,197,94,.1);border-color:var(--success);color:var(--success)}[data-theme=dark] #pattern-formatter .pattern-table th,[data-theme=dark] #pattern-formatter .pattern-table td{border-bottom-color:var(--dark-border)}[data-theme=dark] #pattern-formatter .pattern-table th{background:var(--dark-bg);color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-table tbody tr:hover{background:var(--dark-bg)}[data-theme=dark] #pattern-formatter .pattern-table td{color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-table .format-cell{color:#90caf9;background:var(--dark-surface);border:1px solid var(--dark-border)}[data-theme=dark] #pattern-formatter .empty-patterns-msg{color:var(--dark-text-muted)}[data-theme=dark] #pattern-formatter .pattern-history{border-top-color:var(--dark-border)}[data-theme=dark] #pattern-formatter .pattern-history .history-header h4{color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-history .history-list{border-color:var(--dark-border);background:var(--dark-surface)}[data-theme=dark] #pattern-formatter .pattern-history .history-item{border-bottom-color:var(--dark-border);background:var(--dark-surface)}[data-theme=dark] #pattern-formatter .pattern-history .history-item:hover{background:var(--dark-border)}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-input,[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-result{background:var(--dark-border);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-arrow{color:var(--dark-text-muted)}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-use-btn{background:var(--primary);color:#fff}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-use-btn:hover{background:var(--primary-dark)}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-delete-btn{background:var(--danger);color:#fff}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-delete-btn:hover{background:var(--danger-dark)}[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-use-btn:hover,[data-theme=dark] #pattern-formatter .pattern-history .history-item .history-delete-btn:hover{opacity:.9}[data-theme=dark] #pattern-formatter .pattern-history .no-history{color:var(--dark-text-muted)}#performance-metrics .metrics-dashboard{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.25rem;margin-bottom:1.5rem}#performance-metrics .metrics-dashboard .metric-card{background:linear-gradient(135deg, var(--card-bg) 0%, var(--bg-hover) 100%);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;text-align:center;transition:200ms ease;position:relative;overflow:hidden}#performance-metrics .metrics-dashboard .metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--primary-blue), var(--primary-blue-light));border-radius:.5rem .5rem 0 0}#performance-metrics .metrics-dashboard .metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:var(--primary-blue)}#performance-metrics .metrics-dashboard .metric-card .metric-icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(25,118,210,.3)}#performance-metrics .metrics-dashboard .metric-card h3{margin:0 0 .75rem 0;font-size:1.125rem;color:var(--text-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}#performance-metrics .metrics-dashboard .metric-card .metric-value{font-size:2.25rem;font-weight:800;color:var(--primary-blue);margin-bottom:.5rem;display:block;text-shadow:0 2px 4px rgba(25,118,210,.2)}#performance-metrics .metrics-dashboard .metric-card .metric-label{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:.5rem}#performance-metrics .metrics-dashboard .metric-card .metric-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.125rem}#performance-metrics .metrics-dashboard .metric-card .metric-change.positive{color:var(--success-color);background:rgba(76,175,80,.1)}#performance-metrics .metrics-dashboard .metric-card .metric-change.positive::before{content:"↗"}#performance-metrics .metrics-dashboard .metric-card .metric-change.negative{color:var(--error-color);background:rgba(244,67,54,.1)}#performance-metrics .metrics-dashboard .metric-card .metric-change.negative::before{content:"↘"}#performance-metrics .metrics-dashboard .metric-card .metric-change.neutral{color:var(--text-muted);background:rgba(158,158,158,.1)}#performance-metrics .performance-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.05)}#performance-metrics .performance-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#performance-metrics .performance-chart .chart-header h3{margin:0;color:var(--text-color);font-size:1.125rem;font-weight:600}#performance-metrics .performance-chart .chart-header .chart-controls{display:flex;gap:.5rem}#performance-metrics .performance-chart .chart-header .chart-controls .control-btn{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:.25rem;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:var(--text-color);transition:200ms ease}#performance-metrics .performance-chart .chart-header .chart-controls .control-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-1px)}#performance-metrics .performance-chart canvas{max-width:100%;height:350px;background:linear-gradient(135deg, var(--bg-color) 0%, var(--bg-hover) 100%);border:1px solid var(--border-color);border-radius:.25rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--dark-bg) 100%);border-color:var(--dark-border)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card::before{background:linear-gradient(90deg, var(--primary-blue), var(--primary-blue-light))}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.3)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card h3{color:var(--dark-text)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card .metric-change.positive{background:rgba(76,175,80,.2)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card .metric-change.negative{background:rgba(244,67,54,.2)}[data-theme=dark] #performance-metrics .metrics-dashboard .metric-card .metric-change.neutral{background:rgba(158,158,158,.2)}[data-theme=dark] #performance-metrics .performance-chart{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] #performance-metrics .performance-chart .chart-header h3{color:var(--dark-text)}[data-theme=dark] #performance-metrics .performance-chart .chart-controls .control-btn{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #performance-metrics .performance-chart canvas{background:linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-surface) 100%);border-color:var(--dark-border)}#qa-tools .qa-form{margin-bottom:1.5rem}#qa-tools .qa-form select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);margin-bottom:1rem;font-size:1rem}#qa-tools .qa-form .qa-criteria{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}#qa-tools .qa-form .qa-criteria label{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;transition:200ms ease}#qa-tools .qa-form .qa-criteria label:hover{background:var(--bg-hover);border-color:var(--primary-blue)}#qa-tools .qa-form .qa-criteria label input[type=checkbox]{margin:0;accent-color:var(--primary-blue)}#qa-tools .qa-form .qa-criteria label span{font-weight:500;color:var(--text-color)}#qa-tools .qa-form textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);font-family:inherit;resize:vertical;margin-bottom:1rem}#qa-tools .qa-form .button{background:var(--primary-blue);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:200ms ease}#qa-tools .qa-form .button:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}#qa-tools .qa-reports h4{margin:0 0 1rem 0;color:var(--text-color);font-size:1.125rem}#qa-tools .qa-reports ul{list-style:none;padding:0;margin:0}#qa-tools .qa-reports ul li{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;margin-bottom:.75rem}#qa-tools .qa-reports ul li .qa-info h5{margin:0 0 .25rem 0;color:var(--text-color);font-size:1rem}#qa-tools .qa-reports ul li .qa-info .qa-score{font-size:.875rem;color:var(--text-muted);font-weight:500}#qa-tools .qa-reports ul li .qa-actions{display:flex;gap:.5rem}#qa-tools .qa-reports ul li .qa-actions .button{padding:.5rem .75rem;font-size:.875rem;background:var(--gray-100);color:var(--text-color);border:1px solid var(--border-color)}#qa-tools .qa-reports ul li .qa-actions .button:hover{background:var(--gray-200)}[data-theme=dark] #qa-tools .qa-form select{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-form select option{background:var(--dark-bg);color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-form .qa-criteria label{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #qa-tools .qa-form .qa-criteria label:hover{background:var(--dark-surface)}[data-theme=dark] #qa-tools .qa-form .qa-criteria label span{color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-form textarea{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-form textarea::placeholder{color:var(--dark-text-muted)}[data-theme=dark] #qa-tools .qa-reports h4{color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-reports li{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #qa-tools .qa-reports li .qa-info h5{color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-reports li .qa-info .qa-score{color:var(--dark-text-muted)}[data-theme=dark] #qa-tools .qa-reports li .qa-actions .button{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] #qa-tools .qa-reports li .qa-actions .button:hover{background:var(--gray-700)}#settings-view{padding:1.5rem;min-height:calc(100vh - 120px);box-sizing:border-box}#settings-view .section-settings-btn{display:none !important}#settings-view .settings-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-100)}#settings-view .settings-header .title-container{display:flex;align-items:center;gap:.5rem}#settings-view .settings-header .title-container h1{margin:0;font-weight:700;color:var(--primary-blue)}#settings-view .settings-header .title-container .edit-title-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.25rem;border-radius:.125rem;transition:all .2s ease}#settings-view .settings-header .title-container .edit-title-btn:hover{background:var(--gray-100);color:var(--gray-700)}#settings-view .settings-container{max-width:var(--app-max-width, 1600px);width:100%;margin:0 auto}#settings-view .settings-container :is(.timer-stats,.timers-container,.step-type-selector,.metrics-grid,.metrics-dashboard,.filter-grid,.insights-dashboard,.scripts-grid,.task-board){grid-template-columns:repeat(2, minmax(320px, 1fr)) !important}#settings-view .settings-grid{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));gap:2rem;align-items:start}#settings-view .settings-grid>.settings-section:nth-child(3){grid-column:1/-1}@media(max-width: 640px){#settings-view .settings-grid{grid-template-columns:1fr}#settings-view .settings-header{flex-direction:column;align-items:flex-start}}#settings-view .settings-section .section-header{padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;align-items:center}#settings-view .settings-section .section-header .title-container{flex:1}#settings-view .settings-section .section-header .section-title{margin:0;padding:0;display:block;width:100%;box-sizing:border-box;color:var(--text);font-size:1.125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#settings-view .settings-section .section-content{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.25rem}#settings-view .settings-section .setting-item{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;transition:200ms ease}#settings-view .settings-section .setting-item:hover{background:var(--surface);border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(0,0,0,.06)}#settings-view .settings-section .setting-item .setting-info{flex:1}#settings-view .settings-section .setting-item .setting-info .setting-label{font-weight:500;color:var(--text);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}#settings-view .settings-section .setting-item .setting-info .setting-label .feature-status{font-size:.75rem;font-weight:500;padding:3px 1.5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;border:1px solid rgba(0,0,0,0)}#settings-view .settings-section .setting-item .setting-info .setting-label .feature-status.beta{background:var(--warning-bg, #fef3c7);color:var(--warning-text, #92400e);border-color:var(--warning-border, #f59e0b)}#settings-view .settings-section .setting-item .setting-info .setting-label .feature-status.coming-soon{background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-color:var(--gray-300, #d1d5db);animation:pulse 2s infinite}#settings-view .settings-section .setting-item .setting-info .setting-label .feature-status:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}#settings-view .settings-section .setting-item .setting-info .setting-description{font-size:.875rem;color:var(--text-muted)}#settings-view .settings-section .setting-item .setting-control{flex-shrink:0}#settings-view .settings-section .setting-item .setting-control input[type=checkbox]:disabled,#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle:disabled{opacity:.6;cursor:not-allowed}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle{-webkit-appearance:none;appearance:none;width:64px;height:28px;background:rgba(0,0,0,0);cursor:pointer;padding:0}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle:focus{outline:none}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle::-webkit-slider-runnable-track{height:14px;background:var(--border-color);border-radius:999px}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle::-moz-range-track{height:14px;background:var(--border-color);border-radius:999px}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border:1px solid var(--border-color);border-radius:50%;margin-top:-4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle::-moz-range-thumb{width:22px;height:22px;background:#fff;border:1px solid var(--border-color);border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.1)}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle[value="1"]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--success-color), var(--primary-blue))}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle[value="1"]::-moz-range-track{background:linear-gradient(90deg, var(--success-color), var(--primary-blue))}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle.slider-on::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--success-color), var(--primary-blue))}#settings-view .settings-section .setting-item .setting-control input[type=range].slider-toggle.slider-on::-moz-range-track{background:linear-gradient(90deg, var(--success-color), var(--primary-blue))}#settings-view .settings-section .setting-item .setting-control label.switch{display:inline-flex;align-items:center;gap:.5rem}#settings-view .settings-section .setting-item .setting-control label.switch .hidden-toggle{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:0 !important}#settings-view .settings-section .setting-item .setting-control .toggle-slider{display:inline-block;width:64px;height:28px;border-radius:999px;background:var(--border-color);position:relative;transition:background .18s ease,box-shadow .12s ease;flex-shrink:0}#settings-view .settings-section .setting-item .setting-control .toggle-slider::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.12);transition:transform .18s ease,left .18s ease}#settings-view .settings-section .setting-item .setting-control .toggle-slider.slider-on,#settings-view .settings-section .setting-item .setting-control input:checked+.toggle-slider{background:linear-gradient(90deg, var(--success-color), var(--primary-blue))}#settings-view .settings-section .setting-item .setting-control .toggle-slider.slider-on::after,#settings-view .settings-section .setting-item .setting-control input:checked+.toggle-slider::after{left:calc(100% - 25px);transform:translateX(0)}#settings-view .settings-section .setting-item .setting-control .toggle-slider:focus{outline:2px solid rgba(59,130,246,.18);outline-offset:3px}#settings-view .settings-section>h3{margin:0 0 .5rem 0;padding:1rem;background:var(--card-bg);border-bottom:1px solid var(--border-color);color:var(--primary-blue)}#settings-view .settings-section .settings-group{margin-bottom:1.5rem}#settings-view .settings-section .settings-group:last-child{margin-bottom:0}#settings-view .settings-section .settings-group .settings-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}#settings-view .settings-section .settings-group .settings-group-header:hover{background:var(--card-bg);border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(0,0,0,.06)}#settings-view .settings-section .settings-group .settings-group-header .settings-group-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}#settings-view .settings-section .settings-group .settings-group-header .group-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}#settings-view .settings-section .settings-group .settings-group-header .group-toggle:hover{background:var(--gray-100);color:var(--text)}#settings-view .settings-section .settings-group .settings-group-header .group-toggle:focus{outline:2px solid var(--primary-blue);outline-offset:2px}#settings-view .settings-section .settings-group .settings-group-header .group-toggle[aria-expanded=true]{transform:rotate(90deg)}#settings-view .settings-section .settings-group .settings-group-content{overflow:hidden;transition:all .3s ease;max-height:0;opacity:0}#settings-view .settings-section .settings-group .settings-group-content[aria-expanded=true]{max-height:2000px;opacity:1}#settings-view .settings-section .settings-group .settings-group-content .setting-item{margin-bottom:.75rem}#settings-view .settings-section .settings-group .settings-group-content .setting-item:last-child{margin-bottom:0}#settings-view .settings-section .settings-group .settings-group-title{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .75rem 0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}#settings-view .settings-section .settings-group.collapsible .settings-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}#settings-view .settings-section .settings-group.collapsible .settings-group-header .settings-group-title{margin:0;border-bottom:none;padding-bottom:0}#settings-view .settings-section .settings-group.collapsible .settings-group-header .collapse-toggle{background:none;border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem;color:var(--text);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}#settings-view .settings-section .settings-group.collapsible .settings-group-header .collapse-toggle:hover{background:var(--surface);border-color:var(--primary-blue)}#settings-view .settings-section .settings-group.collapsible .settings-group-header .collapse-toggle .toggle-icon{font-size:.75rem;transition:transform .2s ease}#settings-view .settings-section .settings-group.collapsible .settings-group-header .collapse-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}#settings-view .settings-section .settings-group.collapsible .settings-group-content{overflow:hidden;transition:all .3s ease}#settings-view .settings-section .settings-group.collapsible .settings-group-content.expanded{max-height:2000px}#settings-view .settings-section .settings-group.collapsible .settings-group-content.collapsed{max-height:0}#settings-view .section-content .toggle-grid,#settings-view .section-content .export-options,#settings-view .section-content .appearance-grid,#settings-view .section-content .pattern-management,#settings-view .section-content .theme-buttons,#settings-view .section-content .metrics-grid,#settings-view .section-content .timer-stats,#settings-view .section-content .form-row{grid-template-columns:1fr !important;gap:.75rem !important}#settings-view .section-content.section-content--cols .toggle-grid,#settings-view .section-content.section-content--cols .pattern-management,#settings-view .section-content.section-content--cols .export-options,#settings-view .section-content.section-content--cols .appearance-grid,#settings-view .section-content.section-content--cols .theme-buttons,#settings-view .section-content.section-content--cols .metrics-grid,#settings-view .section-content.section-content--cols .timer-stats,#settings-view .section-content.section-content--cols .form-row{grid-template-columns:repeat(2, minmax(240px, 1fr)) !important}#settings-view .section-groups-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-top:.75rem}#settings-view .settings-subsection{background:linear-gradient(135deg, var(--surface), var(--bg));border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin:1rem 0}#settings-view .settings-subsection h4{margin:0 0 .75rem 0;color:var(--text);font-size:1.125rem;font-weight:600}#settings-view .export-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:.75rem;margin-top:.5rem}#settings-view .export-options .export-option{display:flex;align-items:center;padding:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;transition:200ms ease}#settings-view .export-options .export-option:hover{border-color:var(--primary-blue);background:var(--surface)}#settings-view .export-options .export-option input[type=checkbox]{margin-right:.5rem;accent-color:var(--primary-blue)}#settings-view .export-options .export-option label{font-size:.875rem;color:var(--text);cursor:pointer;margin:0}#settings-view .crm-connection-item .setting-label{color:var(--primary-blue);font-weight:600}#settings-view .crm-connection-item .setting-description{color:var(--text-muted)}#settings-view .crm-connection-item .setting-control .button{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;transition:200ms ease}#settings-view .crm-connection-item .setting-control .button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(25,118,210,.3)}#settings-view .data-management-intro{background:var(--surface);padding:1rem;border-radius:.5rem;border-left:4px solid var(--primary-blue);margin-bottom:1.5rem}#settings-view .data-management-intro p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}#settings-view .setting-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}#settings-view .setting-group:last-child{margin-bottom:0}#settings-view .setting-group .setting-group-title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .5rem 0;display:flex;align-items:center;gap:.5rem}#settings-view .setting-group .setting-group-title:before{content:"";font-size:1.2rem}#settings-view .setting-group .setting-group-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.4}#settings-view .data-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin-top:1rem}#settings-view .data-stats-grid .stat-item{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;text-align:center;transition:all .2s ease}#settings-view .data-stats-grid .stat-item:hover{background:var(--card-bg);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}#settings-view .data-stats-grid .stat-item .stat-icon{font-size:1.5rem;margin-bottom:.5rem}#settings-view .data-stats-grid .stat-item .stat-content .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.25rem}#settings-view .data-stats-grid .stat-item .stat-content .stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}#settings-view .btn-primary{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}#settings-view .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(25,118,210,.3);background:linear-gradient(135deg, var(--primary-blue-dark), var(--primary-blue))}#settings-view .btn-primary:active{transform:translateY(0)}#settings-view .btn-secondary{background:linear-gradient(135deg, var(--success), var(--success-light, #4ade80));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}#settings-view .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(34,197,94,.3);background:linear-gradient(135deg, var(--success-dark, #22c55e), var(--success))}#settings-view .btn-secondary:active{transform:translateY(0)}#settings-view .btn-outline{background:rgba(0,0,0,0);color:var(--primary-blue);border:2px solid var(--primary-blue);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}#settings-view .btn-outline:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(25,118,210,.3)}#settings-view .btn-outline:active{transform:translateY(0)}#settings-view .beta-tag{display:inline-block;background:#f59e0b;color:#fff;border:1px solid #d97706;font-size:.75rem;font-weight:600;padding:3px 1.5rem;border-radius:.375rem;margin-left:.25rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px rgba(245,158,11,.3);transition:all .2s ease}#settings-view .beta-tag:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(245,158,11,.4)}.toggle-label{display:flex;align-items:center;gap:.5rem}.toggle-label .feature-status{font-size:.75rem;font-weight:500;padding:3px 1.5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.toggle-label .feature-status.beta{background:#f59e0b;color:#fff;border-color:#d97706;font-weight:600;box-shadow:0 2px 4px rgba(245,158,11,.3)}.toggle-label .feature-status.coming-soon{background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-color:var(--gray-300, #d1d5db);animation:pulse 2s infinite}.toggle-label .feature-status:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}#telephony-integration .telephony-controls{margin-bottom:1rem}#telephony-integration .telephony-controls .input-group{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:stretch}#telephony-integration .telephony-controls .input-group input{flex:1;min-width:200px}#telephony-integration .telephony-controls .input-group button{flex-shrink:0}#telephony-integration .call-status{background:var(--bg-hover);padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);margin-bottom:1rem;font-weight:500;color:var(--gray-700);text-align:center}#telephony-integration .call-history h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem}#telephony-integration .call-history .calls-list{min-height:150px;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-hover);padding:.75rem}#telephony-integration .call-history .calls-list .call-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin-bottom:.5rem;background:var(--white);border-radius:.125rem;border:1px solid var(--border-color);font-size:.875rem}#telephony-integration .call-history .calls-list .call-item:last-child{margin-bottom:0}#telephony-integration .call-history .calls-list .call-item .call-info{flex:1}#telephony-integration .call-history .calls-list .call-item .call-info .call-number{font-weight:500;color:var(--gray-800)}#telephony-integration .call-history .calls-list .call-item .call-info .call-time{color:var(--gray-500);font-size:.75rem}#telephony-integration .call-history .calls-list .call-item .call-actions{display:flex;gap:.25rem}#telephony-integration .call-history .calls-list .call-item .call-actions button{padding:.25rem .5rem;font-size:.75rem;border-radius:.125rem}#telephony-integration .call-history .calls-list:empty::after{content:"No recent calls";display:block;text-align:center;color:var(--gray-500);font-style:italic;padding:1.5rem}#hold-timer .timer-display{text-align:center;margin-bottom:1.5rem;padding:1.75rem 1.5rem;background:var(--surface);border-radius:var(--radius-panel);border:1px solid var(--border-color);box-shadow:none;position:relative;overflow:hidden}#hold-timer .timer-display::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);border-radius:0}#hold-timer .timer-time{font-family:var(--font-mono);font-size:clamp(2.5rem,8vw,3.75rem);font-weight:600;letter-spacing:-0.03em;color:var(--accent-ink);margin-bottom:.65rem;text-shadow:none;line-height:1;position:relative;z-index:1}#hold-timer .timer-time.editable{border-bottom:2px dashed var(--primary);padding-bottom:2px;cursor:text;transition:background .15s ease}#hold-timer .timer-time.editable:hover{background:var(--primary-muted)}#hold-timer .timer-time.editable:focus{outline:none;border-bottom:2px solid var(--primary);background:var(--primary-muted)}#hold-timer .timer-status{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;background:var(--bg-secondary);padding:.3rem .65rem;border-radius:var(--radius-control);display:inline-block;position:relative;z-index:1}#hold-timer .timer-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}#hold-timer .timer-controls .timer-controls-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}#hold-timer .timer-controls .timer-controls-row .timer-btn{min-width:140px;padding:1rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);border:none;position:relative;overflow:hidden}#hold-timer .timer-controls .timer-controls-row .timer-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}#hold-timer .timer-controls .timer-controls-row .timer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}#hold-timer .timer-controls .timer-controls-row .timer-btn:hover:not(:disabled)::before{left:100%}#hold-timer .timer-controls .timer-controls-row .timer-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}#hold-timer .timer-controls .timer-controls-row .timer-btn.start{background:linear-gradient(135deg, var(--success), #16a34a);color:#fff}#hold-timer .timer-controls .timer-controls-row .timer-btn.start:hover:not(:disabled){background:linear-gradient(135deg, #16a34a, #15803d)}#hold-timer .timer-controls .timer-controls-row .timer-btn.pause{background:linear-gradient(135deg, var(--warning), #ea580c);color:#fff}#hold-timer .timer-controls .timer-controls-row .timer-btn.pause:hover:not(:disabled){background:linear-gradient(135deg, #ea580c, #c2410c)}#hold-timer .timer-controls .timer-controls-row .timer-btn.reset{background:linear-gradient(135deg, var(--error), #dc2626);color:#fff}#hold-timer .timer-controls .timer-controls-row .timer-btn.reset:hover:not(:disabled){background:linear-gradient(135deg, #dc2626, #b91c1c)}#hold-timer .timer-controls .timer-controls-row .timer-btn.danger{background:linear-gradient(135deg, #7f1d1d, #991b1b);color:#fff}#hold-timer .timer-controls .timer-controls-row .timer-btn.danger:hover:not(:disabled){background:linear-gradient(135deg, #991b1b, #7f1d1d)}#hold-timer .timer-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:1rem;margin-bottom:1.5rem}#hold-timer .stat-item{text-align:center;padding:1.25rem;background:linear-gradient(135deg, var(--white) 0%, rgba(25, 118, 210, 0.01) 100%);border-radius:.5rem;border:2px solid var(--gray-100);box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}#hold-timer .stat-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--primary-blue), var(--success));opacity:0;transition:opacity .3s ease}#hold-timer .stat-item:hover{border-color:var(--primary-blue);box-shadow:0 8px 32px rgba(25,118,210,.15);transform:translateY(-4px)}#hold-timer .stat-item:hover::before{opacity:1}#hold-timer .stat-item .stat-value{font-family:var(--font-family-mono);font-size:1.5rem;font-weight:700;color:var(--primary-blue);display:block;margin-bottom:.5rem;line-height:1.2;text-shadow:0 1px 2px rgba(25,118,210,.1)}#hold-timer .stat-item .stat-label{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.08em;font-weight:600;opacity:.8}#hold-timer .hold-history{background:linear-gradient(135deg, var(--white) 0%, rgba(25, 118, 210, 0.01) 100%);border-radius:.5rem;border:2px solid var(--gray-200);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}#hold-timer .hold-history .history-header{background:linear-gradient(135deg, var(--gray-50) 0%, rgba(25, 118, 210, 0.02) 100%);padding:1.25rem;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}#hold-timer .hold-history .history-header h4{margin:0;color:var(--gray-800);font-size:1.125rem;font-weight:600}#hold-timer .hold-history .history-header .button{background:linear-gradient(135deg, var(--primary-blue), #1e40af);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(25,118,210,.2)}#hold-timer .hold-history .history-header .button:hover{background:linear-gradient(135deg, #1e40af, var(--primary-blue));transform:translateY(-1px);box-shadow:0 4px 16px rgba(25,118,210,.3)}#hold-timer .hold-history .history-list{max-height:280px;overflow-y:auto;padding:0;margin:0}#hold-timer .hold-history .history-list:empty::after{content:"No hold history yet.";display:block;text-align:center;color:var(--gray-500);font-style:italic;padding:2rem;font-size:1rem}#hold-timer .hold-history .history-item{padding:1.25rem;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative}#hold-timer .hold-history .history-item:last-child{border-bottom:none}#hold-timer .hold-history .history-item:hover{background:linear-gradient(135deg, rgba(25, 118, 210, 0.02) 0%, rgba(25, 118, 210, 0.01) 100%);transform:translateX(4px)}#hold-timer .hold-history .history-item .hold-duration{font-family:var(--font-family-mono);font-weight:700;color:var(--primary-blue);font-size:1.125rem;text-shadow:0 1px 2px rgba(25,118,210,.1)}#hold-timer .hold-history .history-item .hold-timestamp{font-size:.875rem;color:var(--gray-500);text-align:right;opacity:.8}#hold-timer .hold-history .history-item .delete-hold-btn{opacity:0;transition:all .3s ease;padding:.5rem .75rem;font-size:.875rem;background:linear-gradient(135deg, var(--error), #dc2626);color:#fff;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 2px 8px rgba(220,38,38,.2)}#hold-timer .hold-history .history-item .delete-hold-btn:hover{background:linear-gradient(135deg, #dc2626, #b91c1c);transform:translateY(-1px);box-shadow:0 4px 16px rgba(220,38,38,.3)}#hold-timer .hold-history .history-item:hover .delete-hold-btn{opacity:1}#hold-timer.timer-running .timer-display{background:linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0.03) 100%);border-color:var(--success);box-shadow:0 8px 32px rgba(34,197,94,.2)}#hold-timer.timer-running .timer-time{color:var(--success);animation:pulse-green 2s infinite;text-shadow:0 2px 8px rgba(34,197,94,.3)}#hold-timer.timer-running .timer-status{color:var(--success);background:rgba(34,197,94,.1)}#hold-timer.timer-paused .timer-display{background:linear-gradient(135deg, rgba(217, 119, 6, 0.08) 0%, rgba(217, 119, 6, 0.03) 100%);border-color:var(--warning);box-shadow:0 8px 32px rgba(217,119,6,.2)}#hold-timer.timer-paused .timer-time{color:var(--warning);text-shadow:0 2px 8px rgba(217,119,6,.3)}#hold-timer.timer-paused .timer-status{color:var(--warning);background:rgba(217,119,6,.1)}#hold-timer.timer-warning .timer-display{background:linear-gradient(135deg, rgba(220, 38, 38, 0.08) 0%, rgba(220, 38, 38, 0.03) 100%);border-color:var(--error);animation:warning-pulse 1s infinite;box-shadow:0 8px 32px rgba(220,38,38,.2)}#hold-timer.timer-warning .timer-time{color:var(--error);animation:pulse-red 1s infinite;text-shadow:0 2px 8px rgba(220,38,38,.3)}#hold-timer.timer-warning .timer-status{color:var(--error);background:rgba(220,38,38,.1)}#hold-timer .timer-mode{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg, rgba(25, 118, 210, 0.03) 0%, rgba(25, 118, 210, 0.01) 100%);border-radius:.5rem;border:1px solid var(--border-color)}#hold-timer .timer-mode #timer-mode{font-size:.875rem;font-weight:700;color:var(--primary-blue);background:linear-gradient(135deg, rgba(25, 118, 210, 0.1), rgba(25, 118, 210, 0.05));padding:.5rem 1rem;border-radius:9999px;letter-spacing:.08em;box-shadow:0 2px 8px rgba(25,118,210,.1)}#hold-timer .timer-mode .button{background:linear-gradient(135deg, var(--primary-blue), #1e40af);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(25,118,210,.2)}#hold-timer .timer-mode .button:hover{background:linear-gradient(135deg, #1e40af, var(--primary-blue));transform:translateY(-1px);box-shadow:0 4px 16px rgba(25,118,210,.3)}#hold-timer.countdown-mode .timer-display{background:linear-gradient(135deg, rgba(25, 118, 210, 0.08) 0%, rgba(25, 118, 210, 0.03) 100%);border-color:var(--primary-blue);box-shadow:0 8px 32px rgba(25,118,210,.2)}#hold-timer.countdown-mode .timer-time{color:var(--primary-blue);text-shadow:0 2px 8px rgba(25,118,210,.3)}#hold-timer.timer-expired .timer-display{background:linear-gradient(135deg, rgba(220, 38, 38, 0.12) 0%, rgba(220, 38, 38, 0.06) 100%);border-color:var(--error);animation:expired-pulse 1s infinite alternate;box-shadow:0 8px 32px rgba(220,38,38,.3)}#hold-timer.timer-expired .timer-time{color:var(--error);font-weight:700;text-shadow:0 2px 8px rgba(220,38,38,.4)}#hold-timer.timer-expired .timer-status{color:var(--error);font-weight:700;background:rgba(220,38,38,.15)}#hold-timer #stop-sound-btn{background-color:var(--error)}#hold-timer #stop-sound-btn:hover{background-color:#b91c1c}#hold-timer .countdown-controls{background:rgba(0,0,0,.05);border-radius:.25rem;padding:.75rem;margin:.5rem 0}#hold-timer .countdown-controls .countdown-duration-wrapper{display:flex;flex-direction:column;gap:.5rem}#hold-timer .countdown-controls .countdown-duration-wrapper label{font-weight:500;color:var(--text-color)}#hold-timer .countdown-controls .countdown-duration-wrapper .range-control{display:flex;align-items:center;gap:.75rem}#hold-timer .countdown-controls .countdown-duration-wrapper .range-control input[type=range]{flex:1}#hold-timer .countdown-controls .countdown-duration-wrapper .range-control span{font-family:monospace;font-weight:bold;min-width:60px;text-align:right}#hold-timer.countdown-mode .timer-time.editable:focus{outline:none;border-bottom:2px solid var(--primary-blue);background:rgba(25,118,210,.1)}#hold-timer.countdown-mode .timer-time.editable:hover::after{content:"Click to edit";position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:.75rem;color:var(--gray-600);white-space:nowrap;padding:2px 8px;background:var(--white);border-radius:4px;opacity:.9}#hold-timer .timer-edit-hint{font-size:.75rem;color:var(--gray-500);margin-top:4px;font-style:italic;opacity:0;transition:opacity .2s ease}#hold-timer .timer-time.editable:hover+.timer-edit-hint,#hold-timer .timer-time.editable:focus+.timer-edit-hint{opacity:1}#hold-timer .timer-time.editable{border-bottom:2px dashed var(--primary-blue);padding-bottom:2px;cursor:text;transition:all .2s ease;position:relative}#hold-timer .timer-time.editable::after{content:"✎";font-size:.8em;position:absolute;top:0;right:-1.5em;color:var(--gray-500);opacity:0;transition:opacity .2s ease}#hold-timer .timer-time.editable:hover{background:rgba(25,118,210,.05)}#hold-timer .timer-time.editable:hover::after{opacity:1}#hold-timer .timer-time.editable:focus{outline:none;border-bottom:2px solid var(--primary-blue);background:rgba(25,118,210,.1)}#hold-timer .timer-time.editable:focus::after{display:none}#hold-timer.mode-changed{animation:mode-change-flash .5s}@keyframes mode-change-flash{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(25,118,210,.1)}}[data-theme=dark] #hold-timer .timer-time.editable{border-bottom-color:#90caf9}[data-theme=dark] #hold-timer .timer-time.editable:hover,[data-theme=dark] #hold-timer .timer-time.editable:focus{background:rgba(144,202,249,.1);border-bottom-color:#90caf9}[data-theme=dark] #hold-timer .timer-edit-hint{color:var(--gray-400)}[data-theme=dark] #hold-timer.mode-changed{animation:mode-change-flash-dark .5s}@keyframes mode-change-flash-dark{0%,100%{background-color:rgba(0,0,0,0)}50%{background-color:rgba(144,202,249,.1)}}.multiple-timers{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.multiple-timers .timers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.multiple-timers .timers-header h4{margin:0;color:var(--text-color);font-size:1.125rem;font-weight:600}.multiple-timers .timers-container{display:flex;flex-direction:column;gap:1rem}.timer-instance{background:linear-gradient(135deg, var(--card-bg) 0%, var(--bg-hover) 100%);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:200ms ease}.timer-instance::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--primary-blue), var(--primary-blue-light));border-radius:.5rem .5rem 0 0}.timer-instance:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.timer-instance.running{border-color:var(--success-color)}.timer-instance.running::before{background:linear-gradient(90deg, var(--success-color), var(--success-color-light))}.timer-instance.paused{border-color:var(--warning-color)}.timer-instance.paused::before{background:linear-gradient(90deg, var(--warning-color), var(--warning-color-light))}.timer-instance.expired{border-color:var(--error-color)}.timer-instance.expired::before{background:linear-gradient(90deg, var(--error-color), var(--error-color-light))}.timer-instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.timer-instance-header .timer-instance-title{flex:1}.timer-instance-header .timer-instance-title input{width:100%;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);font-size:.875rem;font-weight:600}.timer-instance-header .timer-instance-title input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.timer-instance-header .timer-instance-controls{display:flex;gap:.5rem}.timer-instance-header .timer-instance-controls .timer-instance-btn{padding:.25rem .75rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);font-size:.75rem;font-weight:600;cursor:pointer;transition:200ms ease;text-transform:uppercase;letter-spacing:.5px}.timer-instance-header .timer-instance-controls .timer-instance-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.timer-instance-header .timer-instance-controls .timer-instance-btn.start{background:var(--success-color);color:#fff;border-color:var(--success-color)}.timer-instance-header .timer-instance-controls .timer-instance-btn.start:hover{background:var(--success-color-dark)}.timer-instance-header .timer-instance-controls .timer-instance-btn.start:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;transform:none}.timer-instance-header .timer-instance-controls .timer-instance-btn.pause{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.timer-instance-header .timer-instance-controls .timer-instance-btn.pause:hover{background:var(--warning-color-dark)}.timer-instance-header .timer-instance-controls .timer-instance-btn.pause:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;transform:none}.timer-instance-header .timer-instance-controls .timer-instance-btn.stop{background:var(--error-color);color:#fff;border-color:var(--error-color)}.timer-instance-header .timer-instance-controls .timer-instance-btn.stop:hover{background:var(--error-color-dark)}.timer-instance-header .timer-instance-controls .timer-instance-btn.stop:disabled{background:var(--text-muted);border-color:var(--text-muted);cursor:not-allowed;transform:none}.timer-instance-header .timer-instance-controls .timer-instance-btn.delete{background:rgba(0,0,0,0);color:var(--error-color);border-color:var(--error-color)}.timer-instance-header .timer-instance-controls .timer-instance-btn.delete:hover{background:var(--error-color);color:#fff}.timer-instance-display{text-align:center;margin-bottom:.75rem}.timer-instance-display .timer-instance-time{font-size:1.875rem;font-weight:700;color:var(--primary-blue);font-family:var(--font-family-mono);margin-bottom:.25rem}.timer-instance-display .timer-instance-status{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.timer-instance-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.timer-instance-details .detail-row span:first-child{color:var(--text-muted);font-weight:500}.timer-instance-details .detail-row span:last-child{color:var(--text-color);font-weight:600}.timer-instance-details select.timer-category{padding:.25rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--bg-color);color:var(--text-color);font-size:.75rem}.timer-instance-details select.timer-category:focus{outline:none;border-color:var(--primary-blue)}[data-theme=dark] .timer-instance .timer-instance-title input{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .timer-instance .timer-instance-title input:focus{border-color:var(--primary-blue)}[data-theme=dark] .timer-instance .timer-instance-btn{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .timer-instance .timer-instance-btn:hover{background:var(--dark-bg-hover)}[data-theme=dark] .timer-instance-details select.timer-category{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}@keyframes expired-pulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.4)}100%{box-shadow:0 0 0 10px rgba(220,38,38,0)}}@keyframes pulse-green{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes pulse-red{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes warning-pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.4)}50%{box-shadow:0 0 0 10px rgba(220,38,38,0)}}@media(max-width: 768px){#hold-timer .timer-stats{grid-template-columns:repeat(2, 1fr);gap:.75rem}#hold-timer .timer-controls{flex-direction:column;align-items:center}#hold-timer .timer-controls .timer-btn{width:100%;max-width:200px}#hold-timer .timer-time{font-size:1.875rem}}@media(max-width: 640px){#hold-timer .timer-display{padding:.75rem;margin-bottom:.75rem}#hold-timer .timer-time{font-size:1.5rem}#hold-timer .timer-controls{gap:.5rem}#hold-timer .timer-mode{flex-direction:column;align-items:flex-start;gap:.5rem}#hold-timer #stop-sound-btn{width:100%}}@media(max-width: 600px){#hold-timer .timer-display{padding:.5rem;font-size:.875rem}#hold-timer .timer-time{padding:.25rem}#hold-timer .timer-status{font-size:1rem}#hold-timer .timer-controls{flex-direction:column;gap:.5rem;margin-bottom:.5rem}#hold-timer .timer-btn{min-width:100%;font-size:.875rem;padding:.5rem}}[data-theme=dark] #hold-timer .timer-display{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] #hold-timer .timer-time{color:#90caf9;text-shadow:0 2px 4px rgba(144,202,249,.2)}[data-theme=dark] #hold-timer .timer-status{color:var(--dark-text-muted)}[data-theme=dark] #hold-timer .stat-item{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #hold-timer .stat-item:hover{border-color:#90caf9}[data-theme=dark] #hold-timer .stat-item .stat-value{color:#90caf9}[data-theme=dark] #hold-timer .stat-item .stat-label{color:var(--dark-text-muted)}[data-theme=dark] #hold-timer .hold-history{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] #hold-timer .hold-history .history-header{background:var(--dark-bg);border-bottom-color:var(--dark-border)}[data-theme=dark] #hold-timer .hold-history .history-header h4{color:var(--dark-text)}[data-theme=dark] #hold-timer .hold-history .history-list:empty::after{color:var(--dark-text-muted)}[data-theme=dark] #hold-timer .hold-history .history-item{border-bottom-color:var(--dark-border)}[data-theme=dark] #hold-timer .hold-history .history-item:hover{background:var(--dark-bg)}[data-theme=dark] #hold-timer .hold-history .history-item .hold-duration{color:#90caf9}[data-theme=dark] #hold-timer .hold-history .history-item .hold-timestamp{color:var(--dark-text-muted)}[data-theme=dark] #hold-timer.timer-running .timer-display{background:rgba(34,197,94,.1);border-color:var(--success)}[data-theme=dark] #hold-timer.timer-running .timer-time,[data-theme=dark] #hold-timer.timer-running .timer-status{color:var(--success)}[data-theme=dark] #hold-timer.timer-paused .timer-display{background:rgba(217,119,6,.1);border-color:var(--warning)}[data-theme=dark] #hold-timer.timer-paused .timer-time,[data-theme=dark] #hold-timer.timer-paused .timer-status{color:var(--warning)}[data-theme=dark] #hold-timer.timer-warning .timer-display{background:rgba(220,38,38,.1);border-color:var(--error)}[data-theme=dark] #hold-timer.timer-warning .timer-time,[data-theme=dark] #hold-timer.timer-warning .timer-status{color:var(--error)}[data-theme=dark] #hold-timer .timer-mode #timer-mode{color:#90caf9;background:rgba(144,202,249,.1)}[data-theme=dark] #hold-timer.countdown-mode .timer-display{background:rgba(144,202,249,.1);border-color:#90caf9}[data-theme=dark] #hold-timer.countdown-mode .timer-time{color:#90caf9}[data-theme=dark] #hold-timer.timer-expired .timer-display{background:rgba(220,38,38,.15)}.multiple-timers{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.multiple-timers .timers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.multiple-timers .timers-header h4{margin:0;color:var(--gray-800);font-size:1.125rem;font-weight:600}.multiple-timers .timers-container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}.multiple-timers .timer-instance{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem;position:relative}.multiple-timers .timer-instance .timer-instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.multiple-timers .timer-instance .timer-instance-header .timer-instance-title{font-weight:600;color:var(--gray-800);font-size:1rem}.multiple-timers .timer-instance .timer-instance-header .timer-instance-title input{border:1px solid var(--gray-300);border-radius:.125rem;padding:.25rem;font-size:.875rem;width:120px}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls{display:flex;gap:.5rem}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn{padding:.25rem .5rem;border:1px solid var(--gray-300);border-radius:.125rem;background:#fff;color:var(--gray-700);font-size:.75rem;cursor:pointer;transition:all .2s ease}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.start{background:var(--success-green);color:#fff;border-color:var(--success-green)}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.start:hover{background:#16a34a}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.pause{background:var(--warning-orange);color:#fff;border-color:var(--warning-orange)}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.pause:hover{background:#c2410c}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.stop{background:var(--error-red);color:#fff;border-color:var(--error-red)}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.stop:hover{background:#b91c1c}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.delete{background:var(--error-red);color:#fff;border-color:var(--error-red)}.multiple-timers .timer-instance .timer-instance-header .timer-instance-controls .timer-instance-btn.delete:hover{background:#b91c1c}.multiple-timers .timer-instance .timer-instance-display{text-align:center;margin-bottom:.75rem}.multiple-timers .timer-instance .timer-instance-display .timer-instance-time{font-family:var(--font-family-mono);font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.25rem}.multiple-timers .timer-instance .timer-instance-display .timer-instance-status{font-size:.875rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.multiple-timers .timer-instance .timer-instance-details{font-size:.75rem;color:var(--gray-500)}.multiple-timers .timer-instance .timer-instance-details .detail-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.multiple-timers .timer-instance .timer-instance-details .detail-row:last-child{margin-bottom:0}.multiple-timers .timer-instance.running{border-color:var(--success-green);background:rgba(34,197,94,.05)}.multiple-timers .timer-instance.paused{border-color:var(--warning-orange);background:rgba(251,146,60,.05)}.multiple-timers .timer-instance.expired{border-color:var(--error-red);background:rgba(220,38,38,.05)}#training-section .training-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}#training-section .training-controls button{flex:1;min-width:150px;max-width:200px}#training-section .practice-session{margin-top:1rem}#training-section .practice-session .session-info{background:var(--bg-hover);padding:1rem;border-radius:.375rem;border:1px solid var(--border-color);margin-bottom:1rem;text-align:center}#training-section .practice-session .session-info .session-title{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}#training-section .practice-session .session-info .session-description{color:var(--gray-600);font-size:.875rem;margin-bottom:.75rem}#training-section .practice-session .session-info .session-progress .progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden;margin-bottom:.5rem}#training-section .practice-session .session-info .session-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-blue), var(--primary-blue-light));border-radius:4px;transition:width .3s ease}#training-section .practice-session .session-info .session-progress .progress-text{font-size:.75rem;color:var(--gray-500)}#training-section .practice-session .practice-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}#training-section .practice-session .practice-actions button{flex-shrink:0;min-width:120px}#training-section .training-modules{margin-top:1rem}#training-section .training-modules h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem;text-align:center}#training-section .training-modules .modules-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}#training-section .training-modules .modules-grid .module-item{background:var(--bg-hover);padding:1rem;border-radius:.375rem;border:1px solid var(--border-color);text-align:center;transition:200ms ease;cursor:pointer}#training-section .training-modules .modules-grid .module-item:hover{background:var(--white);box-shadow:var(--shadow-sm);transform:translateY(-2px)}#training-section .training-modules .modules-grid .module-item .module-icon{font-size:2rem;margin-bottom:.5rem;display:block}#training-section .training-modules .modules-grid .module-item .module-title{font-weight:500;color:var(--gray-800);margin-bottom:.5rem}#training-section .training-modules .modules-grid .module-item .module-description{font-size:.875rem;color:var(--gray-600);margin-bottom:.75rem}#training-section .training-modules .modules-grid .module-item .module-status{font-size:.75rem;color:var(--gray-500)}#training-section .training-modules .modules-grid .module-item .module-status.completed{color:var(--success)}#training-section .training-modules .modules-grid .module-item .module-status.in-progress{color:var(--warning)}#training-section .certifications{margin-top:1rem;text-align:center}#training-section .certifications .certifications-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.75rem}#training-section .certifications .certifications-list .certification-item{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));color:#fff;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm)}#training-section .certifications .certifications-list .certification-item.earned{background:linear-gradient(135deg, var(--success), #10b981)}#training-section .certifications .certifications-list .certification-item.locked{background:var(--gray-300);color:var(--gray-500)}#voice-commands .voice-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}#voice-commands .voice-controls button{flex:1;min-width:120px}#voice-commands .voice-status{background:var(--bg-hover);padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);margin-bottom:1rem;font-weight:500;color:var(--gray-700);text-align:center}#voice-commands .voice-commands-list h4{margin-bottom:.75rem;color:var(--gray-700);font-size:1.125rem}#voice-commands .voice-commands-list ul{list-style:none;padding:0;margin:0}#voice-commands .voice-commands-list ul li{background:var(--bg-hover);padding:.75rem;margin-bottom:.5rem;border-radius:.375rem;border-left:4px solid var(--primary-blue);font-family:var(--font-family-mono);font-size:.875rem;color:var(--gray-700)}#voice-commands .voice-commands-list ul li:last-child{margin-bottom:0}#automated-workflows .workflow-builder{margin-bottom:1.5rem}#automated-workflows .workflow-builder .workflow-steps{min-height:200px;border:2px dashed var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem;background:var(--bg-hover);transition:200ms ease}#automated-workflows .workflow-builder .workflow-steps:hover{border-color:var(--primary-blue);background:rgba(var(--primary-blue-rgb, 25, 118, 210), 0.05)}#automated-workflows .workflow-builder .workflow-steps .workflow-step{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;margin-bottom:.75rem;position:relative;transition:200ms ease}#automated-workflows .workflow-builder .workflow-steps .workflow-step:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}#automated-workflows .workflow-builder .workflow-steps .workflow-step:last-child{margin-bottom:0}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-number{background:var(--primary-blue);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type{font-weight:600;color:var(--text-color);text-transform:capitalize;flex:1;margin-left:.5rem}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem;background:var(--primary-blue)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.call::before{background:var(--success)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.email::before{background:var(--warning)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.task::before{background:var(--info)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.wait::before{background:var(--gray-400)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.condition::before{background:var(--secondary-orange)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .step-type.notification::before{background:var(--secondary-green)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .btn-danger{background:var(--error);color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:200ms ease}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-header .btn-danger:hover{background:var(--error-dark, #b91c1c)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-config{font-size:.875rem;color:var(--text-muted)}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-config div{margin-bottom:.25rem}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-config div:last-child{margin-bottom:0}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-config div strong{color:var(--text-color);margin-right:.25rem}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-actions .step-action-btn{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:var(--text-muted);transition:200ms ease}#automated-workflows .workflow-builder .workflow-steps .workflow-step .step-actions .step-action-btn:hover{background:var(--bg-hover);color:var(--text-color)}#automated-workflows .workflow-builder .workflow-steps .workflow-step:hover .step-actions{opacity:1}#automated-workflows .workflow-builder .workflow-steps .empty-workflow{text-align:center;color:var(--text-muted);padding:1.5rem 0}#automated-workflows .workflow-builder .workflow-steps .empty-workflow .empty-icon{font-size:48px;margin-bottom:.5rem;opacity:.5}#automated-workflows .workflow-builder .workflow-steps .empty-workflow p{margin:0;font-size:1rem}#automated-workflows .workflow-builder .builder-actions{display:flex;gap:.5rem;flex-wrap:wrap}#automated-workflows .workflow-builder .builder-actions .button{background:var(--primary-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:200ms ease;display:flex;align-items:center;gap:.5rem}#automated-workflows .workflow-builder .builder-actions .button:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}#automated-workflows .workflow-builder .builder-actions .button:active{transform:translateY(0)}#automated-workflows .workflow-builder .builder-actions .button.btn-secondary{background:var(--gray-500);color:#fff}#automated-workflows .workflow-builder .builder-actions .button.btn-secondary:hover{background:var(--gray-600)}#automated-workflows .workflow-builder .builder-actions .button.btn-success{background:var(--success);color:#fff}#automated-workflows .workflow-builder .builder-actions .button.btn-success:hover{background:var(--success-dark, #15803d)}#automated-workflows .active-workflows h4{margin:0 0 .75rem 0;color:var(--text-color);font-size:1.125rem;display:flex;align-items:center;gap:.5rem}#automated-workflows .active-workflows h4::before{content:"";font-size:1.25rem}#automated-workflows .active-workflows .workflow-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;padding:.75rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;transition:200ms ease}#automated-workflows .active-workflows .workflow-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}#automated-workflows .active-workflows .workflow-item:last-child{margin-bottom:0}#automated-workflows .active-workflows .workflow-item .workflow-info{flex:1}#automated-workflows .active-workflows .workflow-item .workflow-info strong{display:block;color:var(--text-color);font-size:1rem;margin-bottom:.25rem}#automated-workflows .active-workflows .workflow-item .workflow-info span{color:var(--text-muted);font-size:.875rem}#automated-workflows .active-workflows .workflow-item .workflow-actions{display:flex;gap:.25rem}#automated-workflows .active-workflows .workflow-item .workflow-actions .button{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--card-bg);color:var(--text-color);cursor:pointer;font-size:.875rem;transition:200ms ease}#automated-workflows .active-workflows .workflow-item .workflow-actions .button:hover{background:var(--bg-hover)}#automated-workflows .active-workflows .workflow-item .workflow-actions .button.btn-danger{border-color:var(--error);color:var(--error)}#automated-workflows .active-workflows .workflow-item .workflow-actions .button.btn-danger:hover{background:var(--error);color:#fff}#automated-workflows .active-workflows .workflow-item .workflow-actions .button.btn-secondary{border-color:var(--gray-400);color:var(--text-muted)}#automated-workflows .active-workflows .workflow-item .workflow-actions .button.btn-secondary:hover{background:var(--gray-100);color:var(--text-color)}#automated-workflows .active-workflows .no-workflows{text-align:center;color:var(--text-muted);padding:1.5rem 0;border:2px dashed var(--border-color);border-radius:.5rem}#automated-workflows .active-workflows .no-workflows p{margin:0;font-size:1rem}#automated-workflows .step-type-selector{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:.5rem;margin-bottom:1rem}#automated-workflows .step-type-selector .step-type-option{background:var(--card-bg);border:2px solid var(--border-color);border-radius:.25rem;padding:.75rem;text-align:center;cursor:pointer;transition:200ms ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}#automated-workflows .step-type-selector .step-type-option:hover{border-color:var(--primary-blue);background:rgba(var(--primary-blue-rgb, 25, 118, 210), 0.05);transform:translateY(-2px)}#automated-workflows .step-type-selector .step-type-option.selected{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}#automated-workflows .step-type-selector .step-type-option .step-icon{font-size:24px}#automated-workflows .step-type-selector .step-type-option .step-label{font-weight:500;font-size:.875rem}#automated-workflows .step-type-selector .step-type-option .step-description{font-size:.75rem;opacity:.8;margin-top:-0.25rem}#automated-workflows .step-config-form{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:.25rem;padding:1rem;margin-top:.75rem}#automated-workflows .step-config-form .form-group{margin-bottom:.75rem}#automated-workflows .step-config-form .form-group:last-child{margin-bottom:0}#automated-workflows .step-config-form .form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text-color);font-size:.875rem}#automated-workflows .step-config-form .form-group input,#automated-workflows .step-config-form .form-group select,#automated-workflows .step-config-form .form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--card-bg);color:var(--text-color);font-size:1rem;transition:200ms ease}#automated-workflows .step-config-form .form-group input:focus,#automated-workflows .step-config-form .form-group select:focus,#automated-workflows .step-config-form .form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(var(--primary-blue-rgb, 25, 118, 210), 0.2)}#automated-workflows .step-config-form .form-group textarea{resize:vertical;min-height:80px}#automated-workflows .step-config-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}#automated-workflows .step-config-form .form-actions .button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.25rem;background:var(--card-bg);color:var(--text-color);cursor:pointer;font-weight:500;transition:200ms ease}#automated-workflows .step-config-form .form-actions .button:hover{background:var(--bg-hover)}#automated-workflows .step-config-form .form-actions .button.btn-primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}#automated-workflows .step-config-form .form-actions .button.btn-primary:hover{background:var(--primary-blue-dark)}#automated-workflows .workflow-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}#automated-workflows .workflow-modal .modal-content{background:var(--card-bg);border-radius:.5rem;padding:1.25rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}#automated-workflows .workflow-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#automated-workflows .workflow-modal .modal-content .modal-header h3{margin:0;color:var(--text-color)}#automated-workflows .workflow-modal .modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}#automated-workflows .workflow-modal .modal-content .modal-header .close-btn:hover{background:var(--bg-hover);color:var(--text-color)}#app{max-width:var(--app-max-width, 1440px);margin:0 auto;padding:1.25rem 1.5rem 2rem;background:rgba(0,0,0,0);border-radius:0;box-shadow:none;min-height:calc(100vh - 2rem);animation:workspace-fade .45s ease both}@keyframes workspace-fade{from{opacity:0}to{opacity:1}}.sortable-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.sortable-container.grid-cols-1-safe{grid-template-columns:repeat(1, minmax(320px, 1fr))}.sortable-container.grid-cols-2-safe{grid-template-columns:repeat(2, minmax(320px, 1fr))}.sortable-container.grid-cols-3-safe{grid-template-columns:repeat(3, minmax(320px, 1fr))}.sortable-container.grid-cols-4-safe{grid-template-columns:repeat(4, minmax(320px, 1fr))}#stats-view .sortable-container{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));gap:1.25rem;margin-top:1rem}[data-layout=grid] .sortable-container{display:grid;grid-template-columns:repeat(2, minmax(320px, 1fr));gap:1.25rem;margin-top:1rem}[data-layout=grid] .sortable-container .card{min-height:200px}@media(max-width: 768px){#app{padding:.85rem .75rem 1.5rem}#stats-view .sortable-container,[data-layout=grid] .sortable-container{display:flex;flex-direction:column}}.sortable-container :is(.timer-stats,.timers-container,.step-type-selector,.metrics-grid,.metrics-dashboard,.filter-grid,.insights-dashboard){grid-template-columns:repeat(2, minmax(260px, 1fr)) !important}.draggable-section{background:var(--surface-raised);border-radius:var(--radius-panel);border:1px solid var(--border-color);box-shadow:none;overflow:hidden;transition:border-color .2s ease,background .2s ease}.draggable-section:hover{border-color:var(--border-strong);box-shadow:none}.draggable-section.dragging{opacity:.92;transform:none;border-color:var(--primary);box-shadow:var(--shadow-md)}.section-header{background:var(--surface);padding:.85rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-0.02em;color:var(--text-primary);margin:0;cursor:pointer;padding:.2rem .35rem;border-radius:var(--radius-control);transition:background .15s ease}.section-title:hover{background:var(--bg-hover)}.section-title.editing{background:var(--primary);color:var(--white)}.section-content{padding:1.15rem 1.25rem 1.35rem;background:var(--surface-raised)}.minimized .section-content{display:none}.edit-title-btn{opacity:0;transition:opacity .15s ease}.section-header:hover .edit-title-btn{opacity:1}.title-input{background:var(--surface-raised);border:1px solid var(--primary);border-radius:var(--radius-control);padding:.25rem .5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary);outline:none;box-shadow:0 0 0 3px rgba(14,116,144,.2)}.section-controls{display:flex;align-items:center;gap:.35rem}.title-container{display:flex;align-items:center;gap:.5rem;min-width:0}.float-btn,.minimize-btn,.edit-title-btn,.section-settings-btn,.dock-btn,.popup-btn{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--text-muted);border-radius:var(--radius-control);padding:.3rem .45rem;cursor:pointer}.float-btn:hover,.minimize-btn:hover,.edit-title-btn:hover,.section-settings-btn:hover,.dock-btn:hover,.popup-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color);transform:none;box-shadow:none}[data-theme=dark] #app{background:rgba(0,0,0,0)}[data-theme=dark] .draggable-section,[data-theme=dark] .section-content{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .section-header{background:rgba(255,255,255,.03);border-bottom-color:var(--dark-border)}[data-theme=dark] .section-title{color:var(--dark-text)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}@media(max-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}}@media(max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}}.app-header{background:var(--accent-ink);color:var(--white);padding:0;margin:0 0 1.25rem 0;border-radius:var(--radius-panel);border:1px solid rgba(255,255,255,.06);box-shadow:none;position:relative;overflow:hidden}.app-header::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg, transparent 40%, rgba(8, 145, 178, 0.18) 100%),radial-gradient(ellipse 60% 80% at 0% 0%, rgba(34, 211, 238, 0.12), transparent 55%);pointer-events:none}.app-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg, var(--accent-gem), #5eead4 55%, transparent);pointer-events:none}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.35rem;max-width:100%;position:relative;z-index:1}.app-title{animation:brand-rise .55s cubic-bezier(0.22, 1, 0.36, 1) both}.app-title h1{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,1.85rem);font-weight:650;letter-spacing:-0.03em;color:var(--white);text-align:left;display:flex;align-items:center;gap:.65rem;line-height:1}.app-title h1 .brand-mark{display:inline-flex;width:1.35rem;height:1.35rem;flex-shrink:0;color:var(--accent-gem)}.app-title h1 .brand-name{font-weight:650}.app-title h1 .beta-badge{font-family:var(--font-sans);font-size:.65rem;font-weight:600;color:var(--accent-ink);background:rgba(94,234,212,.95);padding:.2rem .45rem;border-radius:var(--radius-control);letter-spacing:.06em;text-transform:uppercase;box-shadow:none}@keyframes brand-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main-nav{display:flex;gap:.25rem;position:relative;z-index:1;flex-wrap:wrap;justify-content:flex-end}.nav-tab{background:rgba(0,0,0,0);color:rgba(255,255,255,.72);border:none;border-radius:var(--radius-control);padding:.55rem .9rem;font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease;outline:none;position:relative;overflow:visible}.nav-tab::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.2rem;height:2px;background:var(--accent-gem);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(0.22, 1, 0.36, 1)}.nav-tab:hover{background:rgba(255,255,255,.06);color:var(--white);transform:none;box-shadow:none}.nav-tab.active{background:rgba(255,255,255,.1);color:var(--white);font-weight:600;box-shadow:none}.nav-tab.active::after{transform:scaleX(1)}.nav-tab:focus-visible{outline:2px solid var(--accent-gem);outline-offset:2px}@media(max-width: 768px){.header-content{flex-direction:column;align-items:flex-start;padding:.85rem 1rem}.main-nav{width:100%;justify-content:flex-start}.nav-tab{padding:.45rem .7rem;font-size:.85rem}}.copyright-footer{background-color:rgba(0,0,0,0);padding:1rem 0 1.5rem;margin-top:auto;width:100%;text-align:center;font-size:.8rem;border-top:none}.copyright-footer p{color:var(--footer-text);margin:0}.copyright-footer p a{color:var(--primary);text-decoration:none;font-weight:500}.copyright-footer p a:hover{text-decoration:underline}.copyright-footer .container{max-width:1200px;margin:0 auto;padding:0 1rem}[data-theme=dark] .copyright-footer{background-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0)}[data-theme=dark] .copyright-footer a{color:var(--primary-blue-light)}.button,.quick-actions-toolbar .quick-action-btn,.widget-quick-actions .quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn){background:var(--primary);color:var(--white);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-control);padding:.5rem 1rem;font-family:var(--font-sans);font-size:.925rem;font-weight:560;letter-spacing:-0.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;box-shadow:none}.button:hover:not(:disabled),.quick-actions-toolbar .quick-action-btn:hover:not(:disabled),.widget-quick-actions .quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn):hover:not(:disabled){background:var(--primary-hover);transform:none;box-shadow:none}.button:focus-visible,.quick-actions-toolbar .quick-action-btn:focus-visible,.widget-quick-actions .quick-action-widget-btn:focus-visible,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn):focus-visible{box-shadow:0 0 0 3px rgba(14,116,144,.28)}.button:disabled,.quick-actions-toolbar .quick-action-btn:disabled,.widget-quick-actions .quick-action-widget-btn:disabled,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn):disabled{opacity:.55;cursor:not-allowed}.button.loading,.quick-actions-toolbar .loading.quick-action-btn,.widget-quick-actions .loading.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).loading{position:relative;color:rgba(0,0,0,0)}.button.loading::after,.quick-actions-toolbar .loading.quick-action-btn::after,.widget-quick-actions .loading.quick-action-widget-btn::after,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).loading::after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;color:var(--white)}.button.btn-secondary,.quick-actions-toolbar .btn-secondary.quick-action-btn,.widget-quick-actions .btn-secondary.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-secondary{background:var(--gray-600)}.button.btn-secondary:hover:not(:disabled),.quick-actions-toolbar .btn-secondary.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-secondary.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-secondary:hover:not(:disabled){background:var(--gray-700)}.button.btn-success,.quick-actions-toolbar .btn-success.quick-action-btn,.widget-quick-actions .btn-success.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-success{background:var(--success)}.button.btn-success:hover:not(:disabled),.quick-actions-toolbar .btn-success.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-success.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-success:hover:not(:disabled){background:var(--success-color-dark)}.button.btn-warning,.quick-actions-toolbar .btn-warning.quick-action-btn,.widget-quick-actions .btn-warning.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-warning{background:var(--warning)}.button.btn-warning:hover:not(:disabled),.quick-actions-toolbar .btn-warning.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-warning.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-warning:hover:not(:disabled){background:#92400e}.button.btn-danger,.quick-actions-toolbar .btn-danger.quick-action-btn,.widget-quick-actions .btn-danger.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-danger{background:var(--error)}.button.btn-danger:hover:not(:disabled),.quick-actions-toolbar .btn-danger.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-danger.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-danger:hover:not(:disabled){background:#991b1b}.button.btn-outline,.quick-actions-toolbar .btn-outline.quick-action-btn,.widget-quick-actions .btn-outline.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-outline{background:rgba(0,0,0,0);color:var(--primary);border:1px solid var(--primary)}.button.btn-outline:hover:not(:disabled),.quick-actions-toolbar .btn-outline.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-outline.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-outline:hover:not(:disabled){background:var(--primary-muted);color:var(--primary-hover)}.button.btn-ghost,.quick-actions-toolbar .btn-ghost.quick-action-btn,.widget-quick-actions .btn-ghost.quick-action-widget-btn,.button.btn-link,.quick-actions-toolbar .btn-link.quick-action-btn,.widget-quick-actions .btn-link.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-ghost,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-link{background:rgba(0,0,0,0);color:var(--primary);border-color:rgba(0,0,0,0);box-shadow:none}.button.btn-ghost:hover:not(:disabled),.quick-actions-toolbar .btn-ghost.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-ghost.quick-action-widget-btn:hover:not(:disabled),.button.btn-link:hover:not(:disabled),.quick-actions-toolbar .btn-link.quick-action-btn:hover:not(:disabled),.widget-quick-actions .btn-link.quick-action-widget-btn:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-ghost:hover:not(:disabled),button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-link:hover:not(:disabled){background:var(--primary-muted)}.button.btn-sm,.quick-actions-toolbar .btn-sm.quick-action-btn,.widget-quick-actions .btn-sm.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-sm{padding:.3rem .65rem;font-size:.8rem}.button.btn-lg,.quick-actions-toolbar .btn-lg.quick-action-btn,.widget-quick-actions .btn-lg.quick-action-widget-btn,button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-lg{padding:.7rem 1.25rem;font-size:1rem}.delete-note-btn,.remove-step-btn{background:var(--error);color:var(--white);border:none;border-radius:var(--radius-control);padding:.25rem .75rem;font-size:.9rem;font-weight:600;margin-left:.5rem;cursor:pointer}.delete-note-btn::before,.remove-step-btn::before{content:"✖";font-size:1em;margin-right:.25em}.delete-note-btn:hover:not(:disabled),.remove-step-btn:hover:not(:disabled){background:#991b1b}.edit-note-btn,.save-note-btn{background:var(--primary);padding:.25rem .5rem;font-size:.875rem}.copy-note-btn,.cancel-edit-btn{background:var(--gray-500);padding:.25rem .5rem;font-size:.875rem}.scroll-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:42px;height:42px;background:var(--accent-ink);color:var(--white);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-control);font-size:1.15rem;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,background .15s ease;box-shadow:var(--shadow-md);z-index:1070;display:flex;align-items:center;justify-content:center}.scroll-top-btn.visible{opacity:1;visibility:visible}.scroll-top-btn:hover{background:var(--primary);transform:none}.file-upload-btn{background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-control);padding:.5rem 1rem;font-weight:560;cursor:pointer}.file-upload-btn:hover{background:var(--primary-hover)}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .button.btn-outline,[data-theme=dark] .quick-actions-toolbar .btn-outline.quick-action-btn,.quick-actions-toolbar [data-theme=dark] .btn-outline.quick-action-btn,[data-theme=dark] .widget-quick-actions .btn-outline.quick-action-widget-btn,.widget-quick-actions [data-theme=dark] .btn-outline.quick-action-widget-btn,[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-outline{color:var(--primary-blue-light);border-color:var(--primary-blue-light)}[data-theme=dark] .button.btn-outline:hover:not(:disabled),[data-theme=dark] .quick-actions-toolbar .btn-outline.quick-action-btn:hover:not(:disabled),.quick-actions-toolbar [data-theme=dark] .btn-outline.quick-action-btn:hover:not(:disabled),[data-theme=dark] .widget-quick-actions .btn-outline.quick-action-widget-btn:hover:not(:disabled),.widget-quick-actions [data-theme=dark] .btn-outline.quick-action-widget-btn:hover:not(:disabled),[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-outline:hover:not(:disabled){background:rgba(34,211,238,.12);color:var(--white)}[data-theme=dark] .button.btn-ghost,[data-theme=dark] .quick-actions-toolbar .btn-ghost.quick-action-btn,.quick-actions-toolbar [data-theme=dark] .btn-ghost.quick-action-btn,[data-theme=dark] .widget-quick-actions .btn-ghost.quick-action-widget-btn,.widget-quick-actions [data-theme=dark] .btn-ghost.quick-action-widget-btn,[data-theme=dark] .button.btn-link,[data-theme=dark] .quick-actions-toolbar .btn-link.quick-action-btn,.quick-actions-toolbar [data-theme=dark] .btn-link.quick-action-btn,[data-theme=dark] .widget-quick-actions .btn-link.quick-action-widget-btn,.widget-quick-actions [data-theme=dark] .btn-link.quick-action-widget-btn,[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-ghost,[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-link{color:var(--primary-blue-light)}[data-theme=dark] .button.btn-ghost:hover:not(:disabled),[data-theme=dark] .quick-actions-toolbar .btn-ghost.quick-action-btn:hover:not(:disabled),.quick-actions-toolbar [data-theme=dark] .btn-ghost.quick-action-btn:hover:not(:disabled),[data-theme=dark] .widget-quick-actions .btn-ghost.quick-action-widget-btn:hover:not(:disabled),.widget-quick-actions [data-theme=dark] .btn-ghost.quick-action-widget-btn:hover:not(:disabled),[data-theme=dark] .button.btn-link:hover:not(:disabled),[data-theme=dark] .quick-actions-toolbar .btn-link.quick-action-btn:hover:not(:disabled),.quick-actions-toolbar [data-theme=dark] .btn-link.quick-action-btn:hover:not(:disabled),[data-theme=dark] .widget-quick-actions .btn-link.quick-action-widget-btn:hover:not(:disabled),.widget-quick-actions [data-theme=dark] .btn-link.quick-action-widget-btn:hover:not(:disabled),[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-ghost:hover:not(:disabled),[data-theme=dark] button:not(.nav-tab):not(.tab-button):not(.toast-close):not(.toolbar-toggle-btn).btn-link:hover:not(:disabled){background:rgba(34,211,238,.1)}.card{background:var(--card-bg);border-radius:var(--radius-panel);border:1px solid var(--border-color);box-shadow:none;overflow:hidden;transition:border-color .2s ease}.card:hover{box-shadow:none;border-color:var(--border-strong)}.card-header{background:var(--surface);padding:.9rem 1rem;border-bottom:1px solid var(--border-color)}.card-header h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-0.02em;color:var(--text-primary)}.card-body{padding:1.25rem}.card-footer{background:var(--surface);padding:.9rem 1rem;border-top:1px solid var(--border-color)}.settings-section{background:var(--card-bg);border-radius:var(--radius-panel);padding:1.35rem;margin-bottom:1.15rem;box-shadow:none;border:1px solid var(--border-color)}.settings-section h3{margin:0 0 .4rem 0;color:var(--text);font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-0.02em}.settings-section p{color:var(--text-secondary);margin-bottom:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-label{font-weight:500;color:var(--text);display:flex;align-items:center;gap:.5rem}.setting-description{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}[data-theme=dark] .card,[data-theme=dark] .settings-section{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .card:hover,[data-theme=dark] .settings-section:hover{border-color:var(--gray-400)}[data-theme=dark] .card-header,[data-theme=dark] .card-footer{background:rgba(255,255,255,.03);border-color:var(--dark-border)}[data-theme=dark] .card-header h3,[data-theme=dark] .card-footer h3{color:var(--dark-text)}[data-theme=dark] .settings-section h3,[data-theme=dark] .setting-label{color:var(--dark-text)}input,textarea,select{background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-control);padding:.55rem .75rem;font-size:.95rem;font-family:var(--font-sans);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,116,144,.18)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}input::placeholder,textarea::placeholder,select::placeholder{color:var(--gray-400)}textarea{resize:vertical;min-height:100px}label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem;font-size:.875rem}.form-group{margin-bottom:1rem}.input-group{display:flex;gap:.5rem;align-items:end;margin-bottom:1rem}.input-group label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:0}.input-group input{flex:1}.input-group button{flex-shrink:0}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;accent-color:var(--primary)}.switch{position:relative;display:inline-flex;align-items:center;min-width:46px;height:24px;margin:2px 0;cursor:pointer}.switch .hidden-toggle,.switch input[type=checkbox]{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:0 !important;opacity:0}.switch .slider,.switch .toggle-slider{position:absolute;cursor:pointer;inset:0;width:48px;height:24px;background-color:var(--gray-300);transition:.2s ease;border-radius:24px}.switch .slider::before,.switch .toggle-slider::before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background-color:#fff;transition:.2s ease;border-radius:50%;box-shadow:var(--shadow-sm)}.switch input:checked+.slider,.switch input:checked+.toggle-slider{background:var(--primary)}.switch input:checked+.slider::before,.switch input:checked+.toggle-slider::before{transform:translateX(24px)}.range-control{display:flex;align-items:center;gap:.75rem;width:100%}.range-control input[type=range]{flex:1;height:4px;background:var(--gray-200);border-radius:4px;appearance:none;cursor:pointer}.range-control input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer}.range-control input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--primary);cursor:pointer}.range-control span{min-width:60px;text-align:right;font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-secondary)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary-blue-light);box-shadow:0 0 0 3px rgba(34,211,238,.2)}[data-theme=dark] label{color:var(--dark-text-muted)}[data-theme=dark] .switch .slider,[data-theme=dark] .switch .toggle-slider{background-color:var(--dark-border)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:200ms ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-xl);max-width:500px;max-height:80vh;overflow-y:auto;transform:scale(0.9);transition:200ms ease}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--gray-900)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:200ms ease;color:var(--gray-500)}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.floating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1050}.floating-window{position:absolute;background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);pointer-events:auto;min-width:300px;max-width:800px;resize:both;overflow:hidden}.floating-header{background:var(--gray-50);padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;cursor:move}.floating-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--gray-900)}.floating-controls{display:flex;gap:.25rem}.floating-controls button{background:none;border:none;padding:.25rem;border-radius:.25rem;cursor:pointer;transition:150ms ease;color:var(--gray-600);font-size:.875rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.floating-controls button:hover{background:var(--gray-200);color:var(--gray-800)}.floating-controls button.close-btn:hover{background:var(--error);color:var(--white)}.floating-content{padding:1rem;max-height:500px;overflow-y:auto}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1060;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}.confirm-modal-overlay.active{opacity:1;visibility:visible}.confirm-modal-overlay.closing{opacity:0}.confirm-modal{background:var(--white);border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:400px;width:90%;transform:scale(0.95) translateY(-10px);transition:transform .2s ease-out,opacity .2s ease-out;opacity:0}.confirm-modal-overlay.active .confirm-modal{transform:scale(1) translateY(0);opacity:1}.confirm-modal-overlay.closing .confirm-modal{transform:scale(0.95) translateY(-10px);opacity:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem 0;padding:1.25rem 1.25rem 0}.modal-message{font-size:.875rem;color:var(--gray-700);line-height:1.5;margin:0;padding:0 1.25rem 1.25rem}.modal-actions{display:flex;gap:.75rem;padding:0 1.25rem 1.25rem;justify-content:flex-end}.export-options{display:flex;gap:.75rem;padding:0 1.25rem 1rem;justify-content:center}.export-option{padding:.75rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700)}.export-option:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary)}.export-option:focus{outline:2px solid var(--primary);outline-offset:2px}.modal-cancel,.modal-confirm{padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:none}.modal-cancel:focus,.modal-confirm:focus{outline:2px solid var(--primary);outline-offset:2px}.modal-cancel{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.modal-cancel:hover{background:var(--gray-50);border-color:var(--gray-400)}.modal-cancel:active{background:var(--gray-100)}.modal-confirm{background:var(--primary);color:var(--white)}.modal-confirm:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.modal-confirm:active{transform:translateY(0);box-shadow:none}.modal-confirm.danger{background:var(--error)}.modal-confirm.danger:hover{background:var(--error-dark)}@keyframes fadeOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.95) translateY(-10px)}}.confirm-modal-overlay.closing .confirm-modal{animation:fadeOut .15s ease-out forwards}[data-theme=dark] .modal{background:var(--dark-surface)}[data-theme=dark] .modal-header{border-bottom-color:var(--dark-border)}[data-theme=dark] .modal-header h3{color:var(--dark-text)}[data-theme=dark] .modal-footer{border-top-color:var(--dark-border)}[data-theme=dark] .modal-close{color:var(--dark-text-muted)}[data-theme=dark] .modal-close:hover{background:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .floating-window{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .floating-header{background:var(--dark-bg);border-bottom-color:var(--dark-border)}[data-theme=dark] .floating-header h3{color:var(--dark-text)}[data-theme=dark] .floating-controls button{color:var(--dark-text-muted)}[data-theme=dark] .floating-controls button:hover{background:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .floating-controls button.close-btn:hover{background:var(--error);color:var(--white)}[data-theme=dark] .confirm-modal{background:var(--dark-surface)}[data-theme=dark] .modal-title{color:var(--dark-text)}[data-theme=dark] .modal-message{color:var(--dark-text-muted)}[data-theme=dark] .modal-cancel{background:var(--dark-bg);color:var(--dark-text);border-color:var(--dark-border)}[data-theme=dark] .modal-cancel:hover{background:var(--dark-border)}[data-theme=dark] .modal-cancel:active{background:rgba(255,255,255,.1)}.customer-search-modal{max-width:700px;width:90vw}.customer-search-modal .search-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.customer-search-modal .search-input-group .search-input{flex:1;padding:.5rem;border:1px solid var(--gray-300);border-radius:.25rem;font-size:1rem}.customer-search-modal .search-input-group .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.customer-search-modal .search-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.customer-search-modal .search-filters label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--gray-700)}.customer-search-modal .search-results{max-height:400px;overflow-y:auto}.customer-search-modal .search-results .search-placeholder{text-align:center;color:var(--gray-500);padding:2rem;font-style:italic}.customer-search-modal .search-results .no-results{text-align:center;padding:2rem;color:var(--gray-600)}.customer-search-modal .search-results .no-results .text-muted{font-size:.875rem;color:var(--gray-500);margin-top:.5rem}.customer-search-modal .search-results .results-count{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem;font-weight:500}.customer-search-modal .search-results .result-section{margin-bottom:1.5rem}.customer-search-modal .search-results .result-section .group-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid var(--gray-200)}.customer-search-modal .search-results .result-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem;border:1px solid var(--gray-200);border-radius:.375rem;margin-bottom:.5rem;transition:200ms ease;cursor:pointer}.customer-search-modal .search-results .result-item:hover{background:var(--gray-50);border-color:var(--gray-300)}.customer-search-modal .search-results .result-item .result-info{flex:1}.customer-search-modal .search-results .result-item .result-info .result-header{font-weight:600;color:var(--gray-900);margin-bottom:.125rem}.customer-search-modal .search-results .result-item .result-info .result-category{font-size:.875rem;color:var(--gray-600)}.customer-search-modal .search-results .result-item .result-info .result-content{font-size:.75rem;color:var(--gray-500);margin-top:.125rem}.customer-search-modal .search-results .result-item .result-type{font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:500;margin-left:.5rem}.customer-search-modal .search-results .result-item .result-type.priority-high{background:#fee2e2;color:#dc2626}.customer-search-modal .search-results .result-item .result-type.priority-medium{background:#fef3c7;color:#d97706}.customer-search-modal .search-results .result-item .result-type.priority-low{background:#d1fae5;color:#059669}.export-modal{max-width:600px;width:90vw}.export-modal .export-options{margin-bottom:1.5rem}.export-modal .export-section{margin-bottom:1.5rem}.export-modal .export-section h4{margin:0 0 .75rem 0;font-size:1rem;font-weight:600;color:var(--gray-900)}.export-modal .export-section .checkbox-group,.export-modal .export-section .format-options{display:flex;flex-direction:column;gap:.5rem}.export-modal .export-section .checkbox-group label,.export-modal .export-section .format-options label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.export-modal .export-section .date-range{display:flex;gap:1rem;flex-wrap:wrap}.export-modal .export-section .date-range label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--gray-700);min-width:120px}.export-modal .export-section .date-range label input[type=date]{padding:.375rem;border:1px solid var(--gray-300);border-radius:.25rem;font-size:.875rem}.export-modal .export-section .date-range label input[type=date]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.export-modal .export-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-bottom:1rem}.export-modal .export-preview{border:1px solid var(--gray-200);border-radius:.375rem;padding:1rem;background:var(--gray-50)}.export-modal .export-preview h4{margin:0 0 .75rem 0;font-size:1rem;font-weight:600;color:var(--gray-900)}.export-modal .export-preview .csv-preview h5{margin:1rem 0 .5rem 0;font-size:.875rem;font-weight:600;color:var(--gray-800)}.export-modal .export-preview .csv-preview .preview-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-bottom:1rem}.export-modal .export-preview .csv-preview .preview-table th,.export-modal .export-preview .csv-preview .preview-table td{padding:.375rem;text-align:left;border:1px solid var(--gray-300)}.export-modal .export-preview .csv-preview .preview-table th{background:var(--gray-100);font-weight:600}.export-modal .export-preview .csv-preview p{font-size:.75rem;color:var(--gray-600);margin:.5rem 0}.export-modal .export-preview pre{background:#fff;padding:.75rem;border-radius:.25rem;border:1px solid var(--gray-300);font-size:.75rem;overflow-x:auto;max-height:300px;overflow-y:auto}.department-management-modal{max-width:800px;width:90vw}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.management-actions{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.department-list{max-height:400px;overflow-y:auto}.department-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--gray-200);border-radius:.375rem;margin-bottom:.5rem;background:var(--bg-primary)}.department-item:hover{background:var(--gray-50)}.department-info{flex:1}.department-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.department-details{display:flex;gap:.75rem;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.department-number{font-weight:500;color:var(--primary)}.department-type{padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.department-type.type-department{background:var(--primary-light);color:var(--primary-dark)}.department-type.type-location{background:var(--success-light);color:var(--success-dark)}.department-type.type-emergency{background:var(--error-light);color:var(--error-dark)}.department-description{font-size:.875rem;color:var(--text-muted)}.department-actions{display:flex;gap:.5rem}.filter-management-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.filter-management-section h4{margin:0 0 1rem 0;font-size:1.125rem;color:var(--text-primary)}.filter-list{max-height:300px;overflow-y:auto;margin-bottom:1rem}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--gray-200);border-radius:.375rem;margin-bottom:.5rem;background:var(--bg-primary)}.filter-item:hover{background:var(--gray-50)}.filter-info{flex:1}.filter-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.filter-type{font-size:.875rem;color:var(--text-secondary);text-transform:capitalize}.filter-actions{display:flex;gap:.5rem}.edit-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1060}.edit-dialog{background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-xl);padding:1.5rem;max-width:500px;width:90vw;max-height:80vh;overflow-y:auto}.edit-dialog h4{margin:0 0 1rem 0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:.25rem;font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(25,118,210,.2)}.form-group textarea{resize:vertical;min-height:60px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}[data-theme=dark] .department-item{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .department-item:hover{background:var(--dark-surface-hover)}[data-theme=dark] .edit-dialog{background:var(--dark-surface)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text)}.history-modal{max-width:800px;width:90vw;height:80vh;display:flex !important;flex-direction:column}.history-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.history-modal .history-filters{padding:1rem;border-bottom:1px solid var(--border-color)}.history-modal .history-filters input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-size:1rem}.history-modal .history-filters input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.history-modal #full-history-list{flex:1;overflow-y:auto;padding:1rem}.history-modal .history-item-full{border-bottom:1px solid var(--border-color);padding:1rem 0}.history-modal .history-item-full:first-child{padding-top:0}.history-modal .history-item-full:last-child{border-bottom:none}.history-modal .history-item-full .item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.history-modal .history-item-full .item-header strong{font-size:1.1em;color:var(--text)}.history-modal .history-item-full .item-header .date{color:var(--text-muted);font-size:.9em}.history-modal .history-item-full .item-meta{display:flex;gap:1rem;font-size:.9em;color:var(--text-muted);margin-bottom:.75rem;flex-wrap:wrap}.history-modal .history-item-full .item-meta span{display:flex;align-items:center;gap:.35rem}.history-modal .history-item-full .item-meta .call-type{text-transform:capitalize;font-weight:500}.history-modal .history-item-full .item-meta .call-type.type-inbound{color:var(--success)}.history-modal .history-item-full .item-meta .call-type.type-outbound{color:var(--primary-blue)}.history-modal .history-item-full .item-notes{background:var(--bg-shade, #f9fafb);padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);white-space:pre-wrap;font-family:"Courier New",monospace;font-size:.9em;color:var(--text);line-height:1.5}[data-theme=dark] .history-modal .history-filters{border-color:var(--border-color)}[data-theme=dark] .history-modal .history-filters input{background:var(--card-bg)}[data-theme=dark] .history-modal .history-item-full{border-color:var(--border-color)}[data-theme=dark] .history-modal .history-item-full .item-notes{background:var(--dark-bg);border-color:var(--border-color)}.confirm-modal{display:flex;flex-direction:column;gap:1rem;padding:2rem}.confirm-modal h3{margin:0 0 .5rem 0;font-size:1.5rem;color:var(--primary-blue);text-align:center}.confirm-modal input[type=email],.confirm-modal input[type=password],.confirm-modal input[type=text]#reg-username{padding:.75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:1rem;transition:all .2s}.confirm-modal input[type=email]:focus,.confirm-modal input[type=password]:focus,.confirm-modal input[type=text]#reg-username:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.confirm-modal button{padding:.75rem;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.confirm-modal button#login-submit,.confirm-modal button#do-register-submit{background:var(--primary-blue);color:#fff;margin-top:.5rem}.confirm-modal button#login-submit:hover,.confirm-modal button#do-register-submit:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.confirm-modal button#register-submit,.confirm-modal button#switch-to-register,.confirm-modal button#switch-to-login{background:rgba(0,0,0,0);color:var(--primary-blue);border:1px solid var(--primary-blue);margin-top:.5rem}.confirm-modal button#register-submit:hover,.confirm-modal button#switch-to-register:hover,.confirm-modal button#switch-to-login:hover{background:var(--blue-50)}.confirm-modal button#modal-close{background:var(--gray-100);color:var(--gray-600);margin-top:.5rem}.confirm-modal button#modal-close:hover{background:var(--gray-200);color:var(--gray-800)}.tab-container{background:var(--white);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-sm)}.tab-header{display:flex;align-items:flex-end;background:rgba(0,0,0,0);border-bottom:1px solid var(--gray-300);gap:.25rem;padding:0 1rem}.tab-button{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-bottom:none;border-radius:.25rem .25rem 0 0;padding:.75rem 1.25rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s ease;margin-bottom:-1px;position:relative}.tab-button:hover{background:var(--gray-100);color:var(--gray-800)}.tab-button.active{background:var(--white);color:var(--primary-blue);border-color:var(--gray-300);border-bottom-color:var(--white);font-weight:600;z-index:2}.tab-button:focus{outline:none;background:var(--gray-50)}.tab-content{display:none;padding:1.5rem}.tab-content.active{display:block}.tabs-vertical{display:flex}.tabs-vertical .tab-header{flex-direction:column;background:var(--gray-50);border-right:1px solid var(--gray-200);border-bottom:none;min-width:200px}.tabs-vertical .tab-button{text-align:left;border-bottom:none;border-right:3px solid rgba(0,0,0,0)}.tabs-vertical .tab-button.active{border-right-color:var(--primary-blue);border-bottom-color:rgba(0,0,0,0)}.tabs-vertical .tab-content{flex:1}[data-theme=dark] .tab-container{background:var(--dark-surface)}[data-theme=dark] .tab-header{background:var(--dark-bg);border-bottom-color:var(--dark-border)}[data-theme=dark] .tab-button{color:var(--dark-text-muted)}[data-theme=dark] .tab-button:hover{background:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .tab-button.active{background:var(--dark-surface);color:#90caf9;border-bottom-color:#90caf9}[data-theme=dark] .tab-button:focus{box-shadow:inset 0 0 0 2px rgba(144,202,249,.3)}[data-theme=dark] .tabs-vertical .tab-header{background:var(--dark-bg);border-right-color:var(--dark-border)}[data-theme=dark] .tabs-vertical .tab-button.active{border-right-color:#90caf9}@media(max-width: 640px){.tab-button{padding:.5rem;font-size:.875rem}.tab-content{padding:.75rem}}.instance-controls{display:flex;gap:1rem;padding:1.5rem;margin:1.5rem 0;background:linear-gradient(135deg, var(--gray-50), var(--white));border-radius:.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);position:relative;overflow:hidden}.instance-controls::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary-blue)}.instance-controls .button{flex:1;padding:.75rem 1rem;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .3s ease}.instance-controls .button::before{font-size:1.25rem;margin-right:.25rem}.instance-controls .button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.instance-controls .button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.instance-controls .button#add-timer-btn{background:linear-gradient(135deg, #00b4db, #0083b0)}.instance-controls .button#add-timer-btn::before{content:""}.instance-controls .button#add-notes-btn{background:linear-gradient(135deg, #56ab2f, #a8e063)}.instance-controls .button#add-notes-btn::before{content:""}[data-theme=dark] .instance-controls{background:linear-gradient(135deg, var(--dark-bg), var(--dark-surface));border-color:var(--dark-border);box-shadow:0 8px 15px rgba(0,0,0,.3)}[data-theme=dark] .instance-controls::before{background:#90caf9;box-shadow:0 0 10px rgba(144,202,249,.4)}[data-theme=dark] .instance-controls .button{box-shadow:0 4px 8px rgba(0,0,0,.2)}[data-theme=dark] .instance-controls .button:hover{box-shadow:0 8px 15px rgba(0,0,0,.3)}[data-theme=dark] .instance-controls .button#add-timer-btn{background:linear-gradient(135deg, #00b4db, #0083b0);text-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=dark] .instance-controls .button#add-notes-btn{background:linear-gradient(135deg, #56ab2f, #a8e063);text-shadow:0 1px 2px rgba(0,0,0,.2)}@media(max-width: 640px){.instance-controls{flex-direction:column;gap:.75rem}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;pointer-events:none}.toast{background:var(--surface-raised);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:var(--radius-control);box-shadow:var(--shadow-md);margin-bottom:.5rem;min-width:280px;max-width:440px;opacity:0;transform:translateX(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:auto}.toast.show{opacity:1;transform:translateX(0)}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem .85rem}.toast-message{flex:1;font-size:.9rem;line-height:1.4;margin-right:.5rem;color:var(--text-primary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success{border-left-color:var(--success);background:var(--surface-raised)}.toast-success .toast-message{color:var(--text-primary)}.toast-error{border-left-color:var(--error)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}[data-theme=dark] .toast{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .toast .toast-message{color:var(--dark-text)}.quick-actions-toolbar{position:sticky;top:0;z-index:1000;background:rgba(247,250,252,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-panel);box-shadow:none;margin-bottom:1rem;transition:border-color .2s ease}.quick-actions-toolbar.collapsed{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);box-shadow:none;min-height:0;pointer-events:none}.quick-actions-toolbar.collapsed .toolbar-content{display:none}.quick-actions-toolbar.collapsed .toolbar-toggle-btn{transform:rotate(180deg);pointer-events:auto;top:.5rem}.quick-actions-toolbar .toolbar-content{display:flex;justify-content:space-between;align-items:center;padding:.5rem 3.5rem .5rem 1rem;gap:1rem;flex-wrap:wrap}@media(max-width: 768px){.quick-actions-toolbar .toolbar-content{flex-direction:column;gap:.5rem}}.quick-actions-toolbar .toolbar-group{display:flex;gap:.5rem;align-items:center}@media(max-width: 768px){.quick-actions-toolbar .toolbar-group{justify-content:center;flex-wrap:wrap}}.quick-actions-toolbar .quick-action-btn{padding:.45rem .7rem;font-size:.82rem;white-space:nowrap;min-width:auto;border-radius:var(--radius-control);transition:background .15s ease}.quick-actions-toolbar .quick-action-btn:hover{transform:none;box-shadow:none}.quick-actions-toolbar .quick-action-btn:active{transform:none}@media(max-width: 768px){.quick-actions-toolbar .quick-action-btn{padding:.4rem .6rem;font-size:.8rem}}.quick-actions-toolbar .toolbar-toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.8rem;z-index:10;overflow:hidden}.quick-actions-toolbar .toolbar-toggle-btn:hover{background:var(--bg-hover);box-shadow:0 1px 3px rgba(0,0,0,.1)}@media(max-width: 768px){.quick-actions-toolbar .toolbar-toggle-btn{right:.25rem;width:1.8rem;height:1.8rem;font-size:.7rem}}.quick-actions-toolbar:not(.collapsed) .toolbar-toggle-btn:hover{transform:translateY(-50%) !important}.quick-actions-toolbar.collapsed .toolbar-toggle-btn:hover{transform:rotate(180deg) !important}[data-theme=dark] .quick-actions-toolbar{background:var(--bg-primary);border-bottom-color:var(--border-color)}.customer-search-modal{max-width:800px;width:90vw;max-height:80vh;overflow-y:auto}.search-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.search-input-group .search-input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.search-input-group .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb), 0.2)}.search-filters{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.search-filters label{display:flex;align-items:center;gap:.25rem;font-size:.9rem}.search-results{max-height:400px;overflow-y:auto}.search-placeholder,.no-results{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.results-summary{font-weight:bold;margin-bottom:1rem;color:var(--primary-color)}.result-section{margin-bottom:1.5rem}.result-section h4{margin-bottom:.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.result-item{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;background:var(--bg-secondary)}.result-item:hover{background:var(--bg-hover)}.result-item .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.result-item .result-header strong{color:var(--text-primary)}.result-item .result-header .result-type{font-size:.8rem;padding:.2rem .4rem;border-radius:3px;background:var(--primary-color);color:#fff}.result-item .result-header .result-type.priority-high{background:#e74c3c}.result-item .result-header .result-type.priority-medium{background:#f39c12}.result-item .result-header .result-type.priority-low{background:#27ae60}.result-item .result-meta{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.result-item .result-content{font-size:.9rem;color:var(--text-primary);line-height:1.4}.call-templates-container{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.call-templates-container .templates-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.call-templates-container .templates-header label{font-weight:bold;color:var(--text-primary)}.call-templates-container .templates-header .template-select{flex:1;min-width:200px;padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.call-templates-container .templates-header .apply-template-btn{padding:.4rem .8rem;font-size:.9rem}.call-templates-container .template-preview{padding:.75rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.call-templates-container .template-preview h4{margin:0 0 .5rem 0;color:var(--primary-color)}.export-modal{max-width:700px;width:90vw;max-height:80vh;overflow-y:auto}.export-options{display:flex;flex-direction:column;gap:1.5rem}.export-section h4{margin:0 0 .5rem 0;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.checkbox-group,.format-options{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label,.format-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.date-range{display:flex;gap:1rem;flex-wrap:wrap}.date-range label{display:flex;flex-direction:column;gap:.25rem;font-weight:normal}.date-range label input[type=date]{padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.export-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.export-preview{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.export-preview h4{margin:0 0 .5rem 0;color:var(--primary-color)}.export-preview .csv-preview h5{margin:1rem 0 .5rem 0;color:var(--text-primary)}.export-preview .csv-preview .preview-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.export-preview .csv-preview .preview-table th,.export-preview .csv-preview .preview-table td{padding:.4rem;border:1px solid var(--border-color);text-align:left}.export-preview .csv-preview .preview-table th{background:var(--bg-primary);font-weight:bold}.dashboard-controls{margin-bottom:1rem}.dashboard-controls .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.dashboard-controls .dashboard-header h3{margin:0;color:var(--text-primary)}.dashboard-controls .dashboard-header .dashboard-actions{display:flex;gap:.5rem;flex-wrap:wrap}.widget-selector{padding:1rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);margin-bottom:1rem}.widget-selector h4{margin:0 0 1rem 0;color:var(--text-primary)}.widget-selector .widget-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.widget-selector .widget-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease}.widget-selector .widget-option:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.widget-selector .widget-option .widget-icon{font-size:1.5rem;width:2rem;text-align:center}.widget-selector .widget-option .widget-info{flex:1}.widget-selector .widget-option .widget-info h5{margin:0 0 .25rem 0;color:var(--text-primary)}.widget-selector .widget-option .widget-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.widget-selector .widget-option .add-widget-to-dashboard{padding:.4rem .8rem;font-size:.85rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:minmax(120px, auto);gap:1rem}@media(max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-widget{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .2s ease}.dashboard-widget:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.dashboard-widget .widget-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dashboard-widget .widget-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.dashboard-widget .widget-header .widget-remove-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.dashboard-widget .widget-header .widget-remove-btn:hover{background:var(--bg-hover);color:#e74c3c}.dashboard-widget .widget-content{padding:.75rem;height:calc(100% - 3rem);overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));gap:1rem}.stats-grid .stat-item{text-align:center}.stats-grid .stat-item .stat-number{display:block;font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.stats-grid .stat-item .stat-label{font-size:.8rem;color:var(--text-secondary)}.timer-display{text-align:center}.timer-display .timer-value{font-size:1.8rem;font-weight:bold;color:var(--primary-color);font-family:monospace}.timer-display .timer-status{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.recent-calls-list .recent-call-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.recent-calls-list .recent-call-item:last-child{border-bottom:none}.recent-calls-list .recent-call-item .call-info strong{color:var(--text-primary)}.recent-calls-list .recent-call-item .call-info .call-time{font-size:.8rem;color:var(--text-secondary);margin-left:.5rem}.recent-calls-list .recent-call-item .call-type{font-size:.8rem;padding:.2rem .4rem;border-radius:3px;background:var(--primary-color);color:#fff}.pending-tasks-list .task-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.pending-tasks-list .task-item input[type=checkbox]{margin:0}.pending-tasks-list .task-item span{flex:1}.pending-tasks-list .task-item span.completed{text-decoration:line-through;color:var(--text-secondary)}.pending-tasks-list .task-item .priority{font-size:.8rem;padding:.2rem .4rem;border-radius:3px}.pending-tasks-list .task-item .priority.priority-high{background:#e74c3c;color:#fff}.pending-tasks-list .task-item .priority.priority-medium{background:#f39c12;color:#fff}.pending-tasks-list .task-item .priority.priority-low{background:#27ae60;color:#fff}.performance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.performance-metrics .metric-item{text-align:center}.performance-metrics .metric-item .metric-value{display:block;font-size:1.2rem;font-weight:bold;color:var(--primary-color)}.performance-metrics .metric-item .metric-label{font-size:.8rem;color:var(--text-secondary)}.widget-quick-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:.5rem}.widget-quick-actions .quick-action-widget-btn{padding:.5rem;font-size:.8rem;text-align:center}.settings-search-container{position:relative;max-width:400px;margin:0 0 0 auto}.search-input{width:100%;padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--border-color);border-radius:2rem;font-size:1rem;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-clear-btn{position:absolute;right:.75rem;top:15%;transform:translateY(-3);background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.search-clear-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.search-highlight{background-color:rgba(255,255,0,.3);color:inherit;font-weight:bold;border-radius:2px;padding:0 2px}[data-theme=dark] .search-highlight{background-color:rgba(255,215,0,.4);color:#fff}.settings-no-results{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic;display:none}.welcome-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#0b1320;background-image:linear-gradient(145deg, #0b1320 0%, #122033 45%, #0e7490 160%),repeating-linear-gradient(-28deg, transparent, transparent 52px, rgba(94, 234, 212, 0.04) 52px, rgba(94, 234, 212, 0.04) 53px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s ease;font-family:var(--font-sans);color:#e8eef6}.welcome-overlay.active{opacity:1;visibility:visible;pointer-events:auto}body.welcome-open{overflow:hidden}.welcome-content{background:rgba(0,0,0,0);width:95%;max-width:1200px;max-height:90vh;overflow-y:auto;text-align:center;transform:translateY(14px);transition:transform .5s cubic-bezier(0.22, 1, 0.36, 1)}.welcome-overlay.active .welcome-content{transform:translateY(0)}.welcome-header{padding:2rem 1rem 2.5rem}.welcome-header h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:650;margin-bottom:.75rem;color:#fff;letter-spacing:-0.03em}.welcome-header p{color:#94a3b8;font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.6}.welcome-body{padding:0 1rem 2.5rem}.welcome-finish-mark{color:#5eead4;margin-bottom:1rem;display:flex;justify-content:center}.welcome-summary{color:#cbd5e1;font-size:1rem;margin:0 auto;max-width:420px}.role-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;margin:0 auto;max-width:1100px}@media(max-width: 1024px){.role-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.role-grid{grid-template-columns:1fr}}.role-card,.module-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);padding:1.25rem;cursor:pointer;transition:border-color .2s ease,background .2s ease;text-align:left;position:relative;display:flex;flex-direction:column;color:inherit}.role-card:hover,.role-card.selected,.role-card:has(input:checked),.module-card:hover,.module-card.selected,.module-card:has(input:checked){background:rgba(8,145,178,.15);border-color:rgba(94,234,212,.45)}.role-card:focus-visible,.module-card:focus-visible{outline:2px solid #5eead4;outline-offset:2px}.role-card.selected .check-icon,.module-card.selected .check-icon{opacity:1;transform:scale(1)}.role-card .role-icon,.role-card .module-icon,.module-card .role-icon,.module-card .module-icon{font-size:1.5rem;margin-bottom:.75rem;display:inline-block;padding:.5rem .65rem;background:rgba(255,255,255,.08);border-radius:var(--radius-control);width:fit-content}.role-card .module-name,.module-card .module-name{color:#fff;font-weight:560;font-size:.95rem}.role-card input[type=checkbox],.module-card input[type=checkbox]{position:absolute;opacity:.01;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.role-card h3,.module-card h3{font-family:var(--font-display);color:#fff;margin:0 0 .35rem;font-size:1.05rem}.role-card p,.module-card p{color:#94a3b8;margin:0 0 1rem;font-size:.9rem;flex-grow:1}.role-card .role-features,.module-card .role-features{list-style:none;padding:.85rem 0 0;margin:0;font-size:.85rem;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.1)}.role-card .role-features li,.module-card .role-features li{margin-bottom:.4rem;display:flex;align-items:center}.role-card .role-features li::before,.module-card .role-features li::before{content:"";width:5px;height:5px;background:var(--accent-gem);border-radius:1px;margin-right:.6rem}.role-card .check-icon,.module-card .check-icon{position:absolute;top:1rem;right:1rem;background:var(--accent-gem);color:#0b1320;width:22px;height:22px;border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;opacity:0;transform:scale(0.8);transition:.2s ease}.theme-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-panel);padding:1.15rem;cursor:pointer;width:200px;text-align:center;transition:border-color .2s ease,background .2s ease}.theme-card:hover,.theme-card.selected{background:rgba(8,145,178,.12);border-color:rgba(94,234,212,.4)}.theme-card:focus-visible{outline:2px solid #5eead4;outline-offset:2px}.theme-card .theme-preview{height:88px;border-radius:var(--radius-control);margin-bottom:.85rem;border:1px solid rgba(255,255,255,.1)}.theme-card .theme-preview.light{background:#eef2f6}.theme-card .theme-preview.dark{background:#0b1320}.theme-card h3{margin:0;font-size:.95rem;color:#fff;font-family:var(--font-display)}.wizard-dots{display:flex;gap:.45rem}.wizard-dots .dot{width:7px;height:7px;border-radius:2px;background:rgba(255,255,255,.22);transition:.2s ease}.wizard-dots .dot.active{background:var(--accent-gem);transform:scale(1.15)}.welcome-footer{padding:0 1.5rem 2rem}.welcome-footer .get-started-btn{min-width:10rem}.welcome-footer #wizard-back.btn-ghost{color:#cbd5e1;background:rgba(0,0,0,0)}.welcome-footer #wizard-back.btn-ghost:hover:not(:disabled){color:#fff;background:rgba(255,255,255,.08)}.wizard-actions{display:flex;justify-content:center;gap:.75rem;padding-bottom:2rem}.wizard-actions .get-started-btn,.wizard-actions #wizard-next,.wizard-actions #wizard-back{min-width:8rem}.wizard-step{display:none}.wizard-step.active{display:block;animation:wizard-in .35s ease both}.wizard-step[hidden]{display:none !important}@keyframes wizard-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#welcome-name{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.18) !important;color:#fff !important}#welcome-name::placeholder{color:#94a3b8}.welcome-overlay label[for=welcome-name]{color:#94a3b8 !important}.ui-icon{display:inline-block;vertical-align:-0.2em;flex-shrink:0;width:1em;height:1em}.ui-icon svg{display:block;width:100%;height:100%}svg.ui-icon{display:inline-block;vertical-align:-0.2em;flex-shrink:0;width:1em;height:1em}.ui-icon--sm{width:14px;height:14px}.ui-icon--md{width:18px;height:18px}.ui-icon--lg{width:22px;height:22px}.setting-icon,.group-icon,.stat-icon,.step-icon,.module-icon,.role-icon,.metric-icon,.empty-icon,.search-icon,.update-notification-icon,.contact-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary, #0e7490)}.setting-icon .ui-icon,.setting-icon svg,.group-icon .ui-icon,.group-icon svg,.stat-icon .ui-icon,.stat-icon svg,.step-icon .ui-icon,.step-icon svg,.module-icon .ui-icon,.module-icon svg,.role-icon .ui-icon,.role-icon svg,.metric-icon .ui-icon,.metric-icon svg,.empty-icon .ui-icon,.empty-icon svg,.search-icon .ui-icon,.search-icon svg,.update-notification-icon .ui-icon,.update-notification-icon svg,.contact-icon .ui-icon,.contact-icon svg{width:1.25em;height:1.25em}.section-settings-btn .ui-icon,.section-settings-btn svg.ui-icon,.btn-icon .ui-icon,.btn-icon svg.ui-icon,.step-action-btn .ui-icon,.step-action-btn svg.ui-icon{width:16px;height:16px}.quick-action-btn .ui-icon,.toolbar-btn .ui-icon,.button .ui-icon{margin-right:.35em}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 28px);height:var(--avatar-size, 28px);border-radius:50%;background:color-mix(in srgb, var(--color-primary, #0e7490) 18%, transparent);color:var(--color-primary, #0e7490);font-size:calc(var(--avatar-size, 28px)*.38);font-weight:600;letter-spacing:.02em;line-height:1;flex-shrink:0}.priority-dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;vertical-align:middle;margin-right:.35em;background:var(--color-text-muted, #94a3b8)}.priority-dot.priority-high,.priority-dot.high{background:#dc2626}.priority-dot.priority-medium,.priority-dot.medium{background:#ca8a04}.priority-dot.priority-low,.priority-dot.low{background:#16a34a}.star-outline{display:inline-block;width:16px;height:16px;vertical-align:-0.2em;background:currentColor;opacity:.35;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27%3E%3Cpolygon points=%2712 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%27/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27%3E%3Cpolygon points=%2712 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%27/%3E%3C/svg%3E") center/contain no-repeat}.draggable-section{position:relative;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.draggable-section.dragging{opacity:.92;transform:none;border-color:var(--primary);box-shadow:var(--shadow-md);z-index:1050;cursor:grabbing}.draggable-section.drag-over{transform:none;border-color:var(--primary);box-shadow:none}.drag-handle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.75rem;padding:0;margin:0;border:none;border-radius:var(--radius-control);background:rgba(0,0,0,0);cursor:grab;-webkit-user-select:none;user-select:none;font-size:0;line-height:0;color:rgba(0,0,0,0);letter-spacing:0;transition:background .15s ease}.drag-handle::before{content:"";display:block;width:.2rem;height:.2rem;border-radius:50%;background:var(--text-muted);box-shadow:.35rem 0 0 var(--text-muted),0 .35rem 0 var(--text-muted),.35rem .35rem 0 var(--text-muted),0 .7rem 0 var(--text-muted),.35rem .7rem 0 var(--text-muted);transform:translate(-0.175rem, -0.35rem);transition:background .15s ease,box-shadow .15s ease}.drag-handle:hover{background:var(--bg-hover)}.drag-handle:hover::before{background:var(--text-primary);box-shadow:.35rem 0 0 var(--text-primary),0 .35rem 0 var(--text-primary),.35rem .35rem 0 var(--text-primary),0 .7rem 0 var(--text-primary),.35rem .7rem 0 var(--text-primary)}.drag-handle:active{cursor:grabbing}.drag-handle::after{content:none}.drag-placeholder{border:1px dashed var(--primary);background:var(--primary-muted);border-radius:var(--radius-panel);padding:2rem;text-align:center;color:var(--primary);font-weight:500;transition:200ms ease}.drag-placeholder::after{content:"Drop section here"}.drop-zone{min-height:200px;border:1px dashed rgba(0,0,0,0);border-radius:var(--radius-panel);transition:200ms ease}.drop-zone.drag-over{border-color:var(--primary);background:var(--primary-muted)}.sortable-list .sortable-item{cursor:move;transition:200ms ease}.sortable-list .sortable-item.dragging{opacity:.5;transform:none}.sortable-list .sortable-item.drag-over{border-top:2px solid var(--primary)}[data-theme=dark] .drag-handle:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .drag-handle::before{background:var(--dark-text-muted);box-shadow:.35rem 0 0 var(--dark-text-muted),0 .35rem 0 var(--dark-text-muted),.35rem .35rem 0 var(--dark-text-muted),0 .7rem 0 var(--dark-text-muted),.35rem .7rem 0 var(--dark-text-muted)}[data-theme=dark] .drag-handle:hover::before{background:var(--dark-text);box-shadow:.35rem 0 0 var(--dark-text),0 .35rem 0 var(--dark-text),.35rem .35rem 0 var(--dark-text),0 .7rem 0 var(--dark-text),.35rem .7rem 0 var(--dark-text)}[data-theme=dark] .drag-placeholder{border-color:var(--primary-blue-light);background:rgba(34,211,238,.08);color:var(--primary-blue-light)}[data-theme=dark] .drop-zone.drag-over{border-color:var(--primary-blue-light);background:rgba(34,211,238,.08)}[data-theme=dark] .sortable-list .sortable-item.drag-over{border-top-color:var(--primary-blue-light)}.floating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1050}.floating-window{position:fixed;z-index:1000;background:var(--card-bg);border-radius:.5rem;box-shadow:var(--shadow-lg);min-width:300px;min-height:200px;resize:both;overflow:auto}.floating-window.pattern-popup{min-width:360px;max-width:540px}.floating-window .floating-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);cursor:move}.floating-window .floating-header h3{margin:0;font-size:1.125rem}.floating-window .floating-header .floating-controls{display:flex;gap:.5rem;align-items:center}.floating-window .floating-header .floating-controls button{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:200ms ease;color:var(--gray-600)}.floating-window .floating-header .floating-controls button:hover{background:var(--gray-200);color:var(--gray-800)}.floating-window .floating-content{padding:1rem;max-height:60vh;overflow-y:auto}.floating-window .floating-content .input-group input,.floating-window .floating-content .input-group button,.floating-window .floating-content .pattern-result{background:rgba(0,0,0,0);color:var(--gray-900)}.floating-window:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.floating-window.minimized{height:40px !important;resize:horizontal}.floating-window.minimized .floating-content{display:none}.popup-btn{background:none;border:none;font-size:1.125rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:200ms ease;color:var(--gray-600);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.popup-btn:hover{background:var(--gray-200);color:var(--gray-800);transform:scale(1.1)}.popup-btn:active{transform:scale(0.95)}.popup-btn[title="Pop Out"]::before{content:"⧉"}.popup-btn[title=Dock]::before,.popup-btn[title="Close Popup"]::before{content:"⧈"}.floating-window::after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg, transparent 30%, var(--gray-400) 30%, var(--gray-400) 40%, transparent 40%, transparent 60%, var(--gray-400) 60%, var(--gray-400) 70%, transparent 70%);cursor:se-resize;pointer-events:auto}@keyframes popout{0%{transform:scale(0.8) rotate(-5deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}.floating-window{animation:popout .3s cubic-bezier(0.34, 1.56, 0.64, 1)}[data-theme=dark] .floating-window{background:var(--dark-surface);border-color:var(--dark-border);box-shadow:0 20px 25px -5px rgba(0,0,0,.4)}[data-theme=dark] .floating-window:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}[data-theme=dark] .floating-header{background:var(--dark-bg);border-bottom-color:var(--dark-border)}[data-theme=dark] .floating-header h3{color:var(--dark-text)}[data-theme=dark] .floating-controls button{color:var(--dark-text-muted)}[data-theme=dark] .floating-controls button:hover{background:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .floating-controls button.close-btn:hover{background:var(--error);color:var(--white)}[data-theme=dark] .floating-controls button.minimize-btn:hover{background:var(--warning);color:var(--white)}[data-theme=dark] .floating-content::-webkit-scrollbar-track{background:var(--dark-bg)}[data-theme=dark] .floating-content::-webkit-scrollbar-thumb{background:var(--dark-border)}[data-theme=dark] .floating-content::-webkit-scrollbar-thumb:hover{background:var(--dark-text-muted)}[data-theme=dark] .popup-btn{color:var(--dark-text-muted)}[data-theme=dark] .popup-btn:hover{background:var(--dark-border);color:var(--dark-text)}[data-theme=dark] .floating-window::after{background:linear-gradient(-45deg, transparent 30%, var(--dark-border) 30%, var(--dark-border) 40%, transparent 40%, transparent 60%, var(--dark-border) 60%, var(--dark-border) 70%, transparent 70%)}.floating-overlay.visible{background:rgba(0,0,0,.06);pointer-events:auto}@media(max-width: 640px){.floating-window{width:95% !important;left:2.5% !important;max-height:80vh !important;min-width:0}.floating-window .floating-header{padding:.5rem}.floating-window .floating-content{padding:.5rem;max-height:calc(80vh - 50px)}}body{transition:background-color 200ms ease,color 200ms ease}*{transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease}.theme-toast{position:fixed;bottom:1rem;right:1rem;background:var(--accent-ink);color:var(--white);padding:.45rem .7rem;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.1);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:0;transform:translateY(20px);transition:200ms ease;z-index:1070;pointer-events:none}.theme-toast.show{opacity:1;transform:translateY(0)}.theme-indicator{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--text-secondary);opacity:1;position:static;transform:none;background:rgba(0,0,0,0);padding:0;border:none;text-transform:none;letter-spacing:normal;font-weight:500}[data-theme=dark] body{background:var(--dark-bg);color:var(--dark-text)}[data-theme=dark] .theme-toast{background:var(--dark-surface);color:var(--primary-blue-light);border-color:var(--dark-border)}@supports(scrollbar-width: thin){[data-theme=dark] *{scrollbar-width:thin;scrollbar-color:var(--dark-border) var(--dark-bg)}}[data-theme=dark] *::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] *::-webkit-scrollbar-track{background:var(--dark-bg)}[data-theme=dark] *::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:4px}[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:var(--dark-text-muted)}[data-theme=dark] *::-webkit-scrollbar-corner{background:var(--dark-bg)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--background-color: var(--dark-bg);--text-color: var(--dark-text);--primary-color: #22d3ee;--secondary-color: #2dd4bf;--error-color: #f87171}}@media(prefers-contrast: high){:root{--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.2)}button,input,textarea,select{border-width:2px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.floating-window{animation:none}}@media print{.floating-overlay,.floating-window,.drag-handle,.popup-btn,.minimize-btn,.section-controls{display:none !important}body{background:#fff !important;color:#000 !important}.draggable-section{break-inside:avoid;box-shadow:none !important;border:1px solid #ccc}}.login-container,.login-card{max-width:400px;margin:2rem auto;padding:0;background:var(--card-bg, #fff);border-radius:var(--radius-panel, 0.5rem);border:1px solid var(--border-color, #c5d0db);box-shadow:none}.login-card-inner{padding:1.75rem 1.5rem}.login-card-inner h3{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-0.02em;margin:0 0 .35rem;color:var(--text-primary, #0b1320)}.login-header{text-align:left;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #c5d0db)}.login-header h1{color:var(--text-primary, #0b1320);margin-bottom:.35rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-0.02em}.login-header p{color:var(--text-secondary, #475569);margin:0}.login-forms{margin-bottom:1.5rem}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{color:var(--text-primary, #0b1320);margin-bottom:1.25rem;text-align:left;font-family:var(--font-display)}.form-row{margin-bottom:.85rem}.form-row input{width:100%}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.login-footer{margin-top:1rem;color:var(--text-muted, #64748b)}.auth-switch{text-align:center;margin-top:1.25rem;color:var(--text-secondary, #475569)}.auth-switch .link-btn{background:none;border:none;color:var(--primary, #0e7490);cursor:pointer;text-decoration:underline;padding:0}.inpage-login-view{display:flex;justify-content:center;padding:2rem 1rem}[data-theme=dark] .login-container,[data-theme=dark] .login-card{background:var(--dark-surface);border-color:var(--dark-border)}[data-theme=dark] .login-card-inner h3,[data-theme=dark] .login-header h1,[data-theme=dark] .auth-form h2{color:var(--dark-text)}[data-theme=dark] .flow-progress{background:var(--dark-surface) !important;border-color:var(--dark-border) !important;box-shadow:0 4px 16px rgba(0,0,0,.4) !important}[data-theme=dark] .flow-progress .progress-bar{background-color:var(--dark-border) !important;box-shadow:inset 0 1px 3px rgba(0,0,0,.3) !important}[data-theme=dark] .flow-progress .progress-fill{background:linear-gradient(90deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%) !important;box-shadow:0 0 15px rgba(144,202,249,.5) !important}[data-theme=dark] .flow-progress .progress-text{color:var(--dark-text) !important}[data-theme=dark] .flow-steps-list .flow-step-item{background:var(--dark-surface) !important;border-color:var(--dark-border) !important;box-shadow:0 4px 12px rgba(0,0,0,.5) !important}[data-theme=dark] .flow-steps-list .flow-step-item::after{background:var(--primary-blue-light) !important;box-shadow:0 0 10px rgba(144,202,249,.6) !important}[data-theme=dark] .flow-steps-list .flow-step-item:hover{background:var(--dark-bg) !important;box-shadow:var(--shadow-lg) !important;transform:translateY(-3px) !important;border-color:var(--primary-blue-light) !important}[data-theme=dark] .flow-steps-list .flow-step-item.completed{background:rgba(22,163,74,.2) !important;border-color:rgba(22,163,74,.4) !important}[data-theme=dark] .flow-steps-list .flow-step-item.completed::after{background:var(--success) !important;box-shadow:0 0 10px rgba(22,163,74,.6) !important}[data-theme=dark] .flow-steps-list .flow-step-item.completed .step-text{color:var(--dark-text-muted) !important}[data-theme=dark] .flow-steps-list .flow-step-item.completed .step-number{background:var(--success) !important;box-shadow:0 0 10px rgba(22,163,74,.6) !important}[data-theme=dark] .step-checkbox .checkmark{border-color:var(--dark-border) !important;box-shadow:0 0 5px rgba(0,0,0,.2) !important}[data-theme=dark] .step-checkbox .checkmark:after{border-color:var(--dark-bg) !important}[data-theme=dark] .step-checkbox:hover .checkmark{border-color:var(--success) !important;background-color:rgba(22,163,74,.2) !important}[data-theme=dark] .step-text{color:var(--dark-text) !important}[data-theme=dark] .performance-metrics{background:linear-gradient(135deg, var(--dark-surface), var(--dark-bg)) !important;border-color:var(--dark-border) !important;box-shadow:0 2px 8px rgba(0,0,0,.3) !important}[data-theme=dark] .performance-metrics h4{color:var(--dark-text) !important}[data-theme=dark] .performance-metrics .metric-item{background:var(--dark-surface) !important;border-color:var(--dark-border) !important;box-shadow:0 2px 8px rgba(0,0,0,.3) !important}[data-theme=dark] .performance-metrics .metric-item:hover{border-color:var(--primary-blue-light) !important;box-shadow:0 4px 16px rgba(25,118,210,.25) !important}[data-theme=dark] .performance-metrics .metric-item .metric-label{color:var(--dark-text) !important}[data-theme=dark] .performance-metrics .metric-item .metric-value{color:var(--primary-blue-light) !important}[data-theme=dark] .performance-metrics .metric-item .metric-change.positive{color:var(--success) !important}[data-theme=dark] .performance-metrics .metric-item .metric-change.negative{color:var(--error) !important}[data-theme=dark] .export-options{background:linear-gradient(135deg, var(--dark-surface), var(--dark-bg)) !important;border-color:var(--dark-border) !important}[data-theme=dark] .export-options .export-option{background:var(--dark-surface) !important;border-color:var(--dark-border) !important}[data-theme=dark] .export-options .export-option:hover{border-color:var(--primary-blue-light) !important;box-shadow:0 4px 8px rgba(25,118,210,.25) !important}[data-theme=dark] .export-options .export-option label{color:var(--dark-text-muted) !important}[data-theme=dark] .export-options .export-option input[type=checkbox]:checked+label{color:var(--primary-blue-light) !important}[data-theme=dark] .crm-connection-item .setting-label{color:var(--primary-blue-light) !important}[data-theme=dark] .crm-connection-item .setting-description{color:var(--dark-text-muted) !important}[data-theme=dark] .crm-connection-item .setting-control .button{background:linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light)) !important}[data-theme=dark] .crm-connection-item .setting-control .button:hover{box-shadow:0 4px 12px rgba(25,118,210,.4) !important}[data-theme=dark] .settings-subsection{background:linear-gradient(135deg, var(--dark-surface), var(--dark-bg)) !important;border-color:var(--dark-border) !important}[data-theme=dark] .settings-subsection h4{color:var(--dark-text) !important}[data-theme=dark] .feature-item{background:var(--dark-surface) !important;border-color:var(--dark-border) !important}[data-theme=dark] .feature-item .feature-text{color:var(--dark-text-muted) !important}.script-categories-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.script-categories-container .script-categories{display:flex;gap:.5rem;flex-wrap:wrap;flex:1;margin-bottom:0}.script-categories-container .script-categories .script-category{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg);color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.script-categories-container .script-categories .script-category:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.script-categories-container .script-categories .script-category.active{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.4)}.script-controls-bar{display:flex;gap:1rem;margin-bottom:1rem}.script-controls-bar .search-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg);color:var(--text)}.script-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:.75rem;margin-bottom:1rem}.script-list .script-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s ease;position:relative}.script-list .script-item:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-2px)}.script-list .script-item .script-title{font-weight:600;color:var(--text);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.script-list .script-item .script-title .script-icon{font-size:1.125rem}.script-list .script-item .script-preview{color:var(--text-muted);font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.script-list .script-item .script-meta{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.script-list .script-item .script-meta .script-category-tag{background:var(--bg-shade, #f3f4f6);color:var(--text-muted);padding:2px .5rem;border-radius:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.script-editor{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;display:none}.script-editor .editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.script-editor .editor-toolbar .format-group,.script-editor .editor-toolbar .variable-group,.script-editor .editor-toolbar .view-group{display:flex;gap:.25rem}.script-editor .editor-toolbar .editor-btn{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);cursor:pointer;font-size:.875rem;transition:all .2s ease}.script-editor .editor-toolbar .editor-btn:hover{border-color:var(--primary-blue);background:var(--bg-shade, #f3f4f6);color:var(--primary-blue)}.script-editor .editor-toolbar .variable-select{padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-size:.875rem;cursor:pointer}.script-editor .editor-toolbar .variable-select:hover{border-color:var(--primary-blue)}.script-editor .editor-workspace{position:relative;min-height:200px}.script-editor .editor-workspace textarea.script-textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-family:var(--font-family-mono, monospace);font-size:.875rem;line-height:1.5;resize:vertical}.script-editor .editor-workspace textarea.script-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.script-editor .editor-workspace .script-preview-pane{width:100%;min-height:200px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-shade, #f9fafb);color:var(--text);font-size:.9rem;line-height:1.6;white-space:pre-wrap;overflow-y:auto}.script-editor .editor-workspace .script-preview-pane strong{font-weight:700;color:var(--text-emphasis, #111)}.script-editor .editor-workspace .script-preview-pane em{font-style:italic}.script-editor .editor-workspace .script-preview-pane u{text-decoration:underline}.script-editor .editor-workspace .script-preview-pane .script-variable{background-color:rgba(59,130,246,.1);color:var(--primary-blue);padding:0 4px;border-radius:3px;font-weight:500;border:1px dashed var(--primary-blue)}.script-editor .editor-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--border-color)}[data-theme=dark] .script-categories .script-category:hover{box-shadow:0 4px 12px rgba(59,130,246,.6)}[data-theme=dark] .script-categories .script-category.active{box-shadow:0 2px 8px rgba(59,130,246,.6)}[data-theme=dark] .script-list .script-item:hover{box-shadow:0 4px 12px rgba(59,130,246,.3)}[data-theme=dark] .script-list .script-item .script-meta .script-category-tag{background:rgba(255,255,255,.1);color:#ccc}[data-theme=dark] .script-editor .editor-workspace .script-preview-pane{background:rgba(0,0,0,.2);color:#e5e5e5}.recording-controls{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.recording-controls .btn{padding:2.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid rgba(0,0,0,0);display:flex;align-items:center;gap:.5rem}.recording-controls .btn.btn-connect{background:var(--success);color:#fff}.recording-controls .btn.btn-connect:hover:not(:disabled){background:var(--success-dark, #16a34a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,.3)}.recording-controls .btn.btn-connect.connected{background:var(--error);color:#fff}.recording-controls .btn.btn-connect.connected:hover:not(:disabled){background:var(--error-dark, #dc2626)}.recording-controls .btn.btn-record{background:var(--error);color:#fff}.recording-controls .btn.btn-record:hover:not(:disabled){background:var(--error-dark, #dc2626);transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.3)}.recording-controls .btn.btn-record.recording{background:var(--warning);animation:pulse 1.5s infinite}.recording-controls .btn.btn-record.recording:hover:not(:disabled){background:var(--warning-dark, #d97706)}.recording-controls .btn.btn-stop{background:var(--gray-600);color:#fff}.recording-controls .btn.btn-stop:hover:not(:disabled){background:var(--gray-700);transform:translateY(-1px);box-shadow:0 4px 12px rgba(75,85,99,.3)}.recording-controls .btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.recording-controls .btn .btn-icon{font-size:1.125rem}.recording-status{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.recording-status .status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.recording-status .status-indicator.status-disconnected{background:var(--error)}.recording-status .status-indicator.status-connected{background:var(--success)}.recording-status .status-indicator.status-recording{background:var(--error);animation:pulse 1s infinite}.recording-status .status-text{font-weight:500;color:var(--text)}.recording-status .status-details{color:var(--text-muted);font-size:.875rem;margin-left:auto}.recordings-list .recordings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.recordings-list .recordings-header h4{margin:0;color:var(--text)}.recordings-list .recordings-header .recording-stats{display:flex;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.recordings-list .recordings-header .recording-stats .stat-item{display:flex;align-items:center;gap:.25rem}.recordings-list ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.recordings-list ul .recording-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.recordings-list ul .recording-item:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(59,130,246,.1)}.recordings-list ul .recording-item .recording-icon{font-size:1.25rem;color:var(--primary-blue);flex-shrink:0}.recordings-list ul .recording-item .recording-info{flex:1}.recordings-list ul .recording-item .recording-info .recording-title{font-weight:600;color:var(--text);margin-bottom:.5rem}.recordings-list ul .recording-item .recording-info .recording-meta{display:flex;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.recordings-list ul .recording-item .recording-info .recording-meta .meta-item{display:flex;align-items:center;gap:.25rem}.recordings-list ul .recording-item .recording-actions{display:flex;gap:.25rem}.recordings-list ul .recording-item .recording-actions .action-btn{padding:1.5rem .5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);cursor:pointer;font-size:.875rem;transition:all .2s ease}.recordings-list ul .recording-item .recording-actions .action-btn:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.recordings-list ul .recording-item .recording-actions .action-btn.btn-play{color:var(--success)}.recordings-list ul .recording-item .recording-actions .action-btn.btn-play:hover{border-color:var(--success);background:var(--success);color:#fff}.recordings-list ul .recording-item .recording-actions .action-btn.btn-download{color:var(--primary-blue)}.recordings-list ul .recording-item .recording-actions .action-btn.btn-download:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.recordings-list ul .recording-item .recording-actions .action-btn.btn-delete{color:var(--error)}.recordings-list ul .recording-item .recording-actions .action-btn.btn-delete:hover{border-color:var(--error);background:var(--error);color:#fff}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}[data-theme=dark] .recording-controls .btn.btn-connect:hover:not(:disabled){box-shadow:0 4px 12px rgba(22,163,74,.5)}[data-theme=dark] .recording-controls .btn.btn-record:hover:not(:disabled){box-shadow:0 4px 12px rgba(220,38,38,.5)}[data-theme=dark] .recording-controls .btn.btn-record.recording{box-shadow:0 2px 8px rgba(245,158,11,.4)}[data-theme=dark] .recording-controls .btn.btn-stop:hover:not(:disabled){box-shadow:0 4px 12px rgba(75,85,99,.5)}[data-theme=dark] .recordings-list ul .recording-item:hover{box-shadow:0 2px 8px rgba(59,130,246,.2)}[data-theme=dark] .recordings-list ul .recording-item .recording-actions .action-btn:hover{box-shadow:0 2px 6px rgba(0,0,0,.3)}.chat-interface{display:flex;flex-direction:column;height:500px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.chat-interface .chat-messages{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-interface .chat-messages .chat-message{max-width:80%;padding:.5rem .75rem;border-radius:.5rem;position:relative}.chat-interface .chat-messages .chat-message.own-message{align-self:flex-end;background:var(--primary-blue);color:#fff;border-bottom-right-radius:.125rem}.chat-interface .chat-messages .chat-message.own-message .message-header{color:rgba(255,255,255,.8)}.chat-interface .chat-messages .chat-message.other-message{align-self:flex-start;background:var(--bg);border:1px solid var(--border-color);color:var(--text);border-bottom-left-radius:.125rem}.chat-interface .chat-messages .chat-message.other-message .message-header{color:var(--text-muted)}.chat-interface .chat-messages .chat-message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem}.chat-interface .chat-messages .chat-message .message-header .message-sender{font-weight:600}.chat-interface .chat-messages .chat-message .message-header .message-time{opacity:.7}.chat-interface .chat-messages .chat-message .message-content{line-height:1.4;word-wrap:break-word}.chat-interface .chat-messages .chat-message .message-status{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;opacity:.7}.chat-interface .chat-messages .chat-message .message-status .status-icon{font-size:.875rem}.chat-interface .chat-messages .typing-indicator{align-self:flex-start;background:var(--bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.chat-interface .chat-messages .typing-indicator .typing-dots{display:flex;gap:2px}.chat-interface .chat-messages .typing-indicator .typing-dots .dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);animation:typing 1.4s infinite}.chat-interface .chat-messages .typing-indicator .typing-dots .dot:nth-child(2){animation-delay:.2s}.chat-interface .chat-messages .typing-indicator .typing-dots .dot:nth-child(3){animation-delay:.4s}.chat-interface .chat-input{border-top:1px solid var(--border-color);padding:.75rem;background:var(--bg);display:flex;gap:.5rem;align-items:flex-end}.chat-interface .chat-input input[type=text]{flex:1;padding:2.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--card-bg);color:var(--text);font-size:1rem;resize:none}.chat-interface .chat-input input[type=text]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.chat-interface .chat-input input[type=text]::placeholder{color:var(--text-muted)}.chat-interface .chat-input .btn-send{padding:2.5rem .75rem;background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue);border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.chat-interface .chat-input .btn-send:hover:not(:disabled){background:var(--primary-blue-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.chat-interface .chat-input .btn-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-interface .chat-input .btn-send .send-icon{font-size:1.125rem}.team-members{margin-top:1rem}.team-members h4{margin:0 0 .75rem 0;color:var(--text);font-size:1.125rem}.team-members ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:.5rem}.team-members ul .team-member{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.team-members ul .team-member:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(59,130,246,.1)}.team-members ul .team-member .member-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem;flex-shrink:0}.team-members ul .team-member .member-info{flex:1}.team-members ul .team-member .member-info .member-name{font-weight:600;color:var(--text);margin-bottom:2px}.team-members ul .team-member .member-info .member-role{font-size:.875rem;color:var(--text-muted)}.team-members ul .team-member .member-status{width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg);flex-shrink:0}.team-members ul .team-member .member-status.status-online{background:var(--success)}.team-members ul .team-member .member-status.status-away{background:var(--warning)}.team-members ul .team-member .member-status.status-offline{background:var(--gray-400)}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}[data-theme=dark] .chat-interface .chat-messages .chat-message.other-message{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .chat-interface .chat-input{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .chat-interface .chat-input input[type=text]{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .chat-interface .chat-input input[type=text]:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .team-members ul .team-member:hover{box-shadow:0 2px 8px rgba(59,130,246,.2)}.call-log-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.call-log-form .input-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.call-log-form .input-group input,.call-log-form .input-group select{padding:2.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-size:1rem;transition:all .2s ease}.call-log-form .input-group input:focus,.call-log-form .input-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.call-log-form .input-group input::placeholder,.call-log-form .input-group select::placeholder{color:var(--text-muted)}.call-log-form .input-group .btn{grid-column:1/-1;padding:2.5rem 1rem;background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue);border-radius:.375rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.call-log-form .input-group .btn:hover:not(:disabled){background:var(--primary-blue-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.call-log-form .input-group .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.call-log-form .input-group .btn .btn-icon{font-size:1.125rem}.call-log-form textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;margin-bottom:.75rem}.call-log-form textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.call-log-form textarea::placeholder{color:var(--text-muted)}.call-log-form .call-actions{display:flex;gap:.5rem;justify-content:flex-end}.call-log-form .call-actions .btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.call-log-form .call-actions .btn.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.call-log-form .call-actions .btn.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-400)}.call-log-form .call-actions .btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.call-log-form .call-actions .btn.btn-primary{background:var(--success);color:#fff;border-color:var(--success)}.call-log-form .call-actions .btn.btn-primary:hover:not(:disabled){background:var(--success-dark, #16a34a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,.3)}.call-log-form .call-actions .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.call-log-form .timer-group{align-self:end;display:flex !important;flex-direction:row !important;align-items:center;gap:.75rem}.call-log-form .call-timer{font-family:"Courier New",monospace;font-size:1.25rem;font-weight:700;color:var(--text);padding:.25rem .5rem;background:var(--bg-shade, #f3f4f6);border-radius:.25rem;border:1px solid var(--border-color)}.call-log-form .hold-timer-badge{font-family:"Courier New",monospace;font-size:1rem;font-weight:600;color:var(--warning, #f59e0b);padding:.25rem .5rem;background:rgba(245,158,11,.1);border-radius:.25rem;border:1px solid rgba(245,158,11,.3)}.call-log-form .form-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.call-log-form .section-label{font-size:.875rem;font-weight:600;color:var(--text-muted);margin:0 0 .5rem 0;text-transform:uppercase;letter-spacing:.5px}.call-log-form .checkbox-group{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.call-log-form .checkbox-label{display:flex;align-items:center;gap:.35rem;font-size:.9rem;cursor:pointer;user-select:none;color:var(--text)}.call-log-form .checkbox-label input[type=checkbox]{width:auto;margin:0}.call-log-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.call-log-form .form-group{margin-bottom:.75rem}.call-log-form .form-group label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.9rem}.call-log-form .verification-badge{background:var(--info, #3b82f6);color:#fff;padding:2px .35rem;border-radius:.25rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:2px}.call-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.call-history-header h4{margin:0}.call-history-header .history-actions{display:flex;gap:.5rem}.call-history-header .history-actions .btn-icon{padding:.25rem .5rem}.history-filters{display:flex;gap:.5rem;margin-bottom:1rem}.history-filters input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text)}.history-filters select{width:auto;min-width:120px;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text)}.call-history h4{margin:0 0 .75rem 0;color:var(--text);font-size:1.125rem}.call-history ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.call-history ul .call-history-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;transition:all .2s ease}.call-history ul .call-history-item:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(59,130,246,.1)}.call-history ul .call-history-item .call-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.call-history ul .call-history-item .call-info strong{color:var(--text);font-weight:600}.call-history ul .call-history-item .call-info .call-type{padding:2px 1.5rem;border-radius:.125rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.call-history ul .call-history-item .call-info .call-type.inbound{background:var(--success);color:#fff}.call-history ul .call-history-item .call-info .call-type.outbound{background:var(--primary-blue);color:#fff}.call-history ul .call-history-item .call-info .crm-synced{background:var(--success);color:#fff;padding:2px .25rem;border-radius:.125rem;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:2px}.call-history ul .call-history-item .call-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-muted)}.call-history ul .call-history-item .call-notes{margin-top:.5rem;padding:.5rem;background:var(--bg);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text);line-height:1.4}[data-theme=dark] .call-log-form .input-group input,[data-theme=dark] .call-log-form .input-group select{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .call-log-form .input-group input:focus,[data-theme=dark] .call-log-form .input-group select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .call-log-form textarea{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .call-log-form textarea:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .call-log-form .btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(59,130,246,.5)}[data-theme=dark] .call-history ul .call-history-item:hover{box-shadow:0 2px 8px rgba(59,130,246,.2)}[data-theme=dark] .call-history ul .call-history-item .call-notes{background:var(--dark-bg);border-color:var(--border-color)}.call-templates-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.call-templates-container .templates-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.call-templates-container .templates-header .template-controls-group{flex:1}.call-templates-container .templates-header .template-controls-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text)}.call-templates-container .templates-header .template-controls-group .template-input-wrapper{display:flex;gap:.5rem}.call-templates-container .templates-header .template-controls-group .template-input-wrapper .template-select{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text)}.call-templates-container .templates-header .template-controls-group .template-input-wrapper .btn-icon{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);cursor:pointer;transition:all .2s}.call-templates-container .templates-header .template-controls-group .template-input-wrapper .btn-icon:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--bg-shade, #f3f4f6)}.call-templates-container .template-preview{margin-top:1rem;padding:.75rem;background:var(--bg-shade, #f9fafb);border:1px solid var(--border-color);border-radius:.375rem;font-size:.9rem}.call-templates-container .template-preview h4{margin:0 0 .5rem 0;font-size:1rem}.template-manager-modal .modal-body{padding:1.5rem}.template-manager-modal .template-manager-layout{display:flex;gap:1.5rem;height:60vh;min-height:400px}.template-manager-modal .template-manager-layout .template-list-sidebar{flex:1;border-right:1px solid var(--border-color);padding-right:1.5rem;overflow-y:auto}.template-manager-modal .template-manager-layout .template-list-sidebar .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-manager-modal .template-manager-layout .template-list-sidebar .manager-list{list-style:none;padding:0;margin:0}.template-manager-modal .template-manager-layout .template-list-sidebar .manager-list li{padding:.75rem;border-bottom:1px solid var(--border-color);cursor:pointer;border-radius:.375rem;transition:background .2s}.template-manager-modal .template-manager-layout .template-list-sidebar .manager-list li:hover{background:var(--bg-shade, #f3f4f6)}.template-manager-modal .template-manager-layout .template-editor-main{flex:2;padding-left:.5rem;overflow-y:auto}.template-manager-modal .template-manager-layout .template-editor-main .form-group{margin-bottom:1rem}.template-manager-modal .template-manager-layout .template-editor-main .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.template-manager-modal .template-manager-layout .template-editor-main .form-group .form-control{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text)}.template-manager-modal .template-manager-layout .template-editor-main .form-group .form-control:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.task-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:end}.task-input input,.task-input select{padding:2.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-size:1rem;transition:all .2s ease}.task-input input:focus,.task-input select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.task-input input::placeholder,.task-input select::placeholder{color:var(--text-muted)}.task-input input{grid-column:1}.task-input select{min-width:120px}.task-input .btn{padding:2.5rem 1rem;background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.task-input .btn:hover:not(:disabled){background:var(--primary-blue-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.task-input .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.task-input .btn .btn-icon{font-size:1.125rem}.task-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.task-filters .task-filter{padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg);color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.task-filters .task-filter:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.task-filters .task-filter.active{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.4)}.task-filters .task-filter .filter-count{margin-left:.25rem;background:rgba(255,255,255,.2);padding:1px .25rem;border-radius:.125rem;font-size:.75rem;font-weight:600}.task-list ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.task-list ul .task-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .2s ease;cursor:pointer}.task-list ul .task-item:hover{border-color:var(--primary-blue);box-shadow:0 2px 8px rgba(59,130,246,.1);transform:translateY(-1px)}.task-list ul .task-item.completed{opacity:.7;background:var(--gray-50)}.task-list ul .task-item.completed .task-content .task-title{text-decoration:line-through;color:var(--text-muted)}.task-list ul .task-item.completed .task-checkbox{background:var(--success);border-color:var(--success)}.task-list ul .task-item .task-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:.125rem;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.task-list ul .task-item .task-checkbox:hover{border-color:var(--primary-blue)}.task-list ul .task-item .task-checkbox.checked{background:var(--primary-blue);border-color:var(--primary-blue)}.task-list ul .task-item .task-checkbox.checked::after{content:"✓";color:#fff;font-size:.875rem;font-weight:bold}.task-list ul .task-item .task-content{flex:1}.task-list ul .task-item .task-content .task-title{font-weight:600;color:var(--text);margin-bottom:.25rem;line-height:1.3}.task-list ul .task-item .task-content .task-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.task-list ul .task-item .task-content .task-meta .task-priority{display:inline-flex;align-items:center;gap:.25rem;padding:2px 1.5rem;border-radius:.125rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-list ul .task-item .task-content .task-meta .task-priority.priority-high{background:var(--error);color:#fff}.task-list ul .task-item .task-content .task-meta .task-priority.priority-medium{background:var(--warning);color:#fff}.task-list ul .task-item .task-content .task-meta .task-priority.priority-low{background:var(--gray-200);color:var(--gray-700)}.task-list ul .task-item .task-content .task-meta .task-date{display:flex;align-items:center;gap:2px}.task-list ul .task-item .task-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.task-list ul .task-item .task-actions .action-btn{padding:.25rem;border:1px solid var(--border-color);border-radius:.125rem;background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-list ul .task-item .task-actions .action-btn:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.task-list ul .task-item .task-actions .action-btn.btn-edit:hover{border-color:var(--warning);background:var(--warning);color:#fff}.task-list ul .task-item .task-actions .action-btn.btn-delete:hover{border-color:var(--error);background:var(--error);color:#fff}.task-list ul .task-item:hover .task-actions{opacity:1}[data-theme=dark] .task-input input,[data-theme=dark] .task-input select{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .task-input input:focus,[data-theme=dark] .task-input select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .task-input .btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(59,130,246,.5)}[data-theme=dark] .task-filters .task-filter:hover{box-shadow:0 4px 12px rgba(59,130,246,.5)}[data-theme=dark] .task-filters .task-filter.active{box-shadow:0 2px 8px rgba(59,130,246,.5)}[data-theme=dark] .task-list ul .task-item:hover{box-shadow:0 2px 8px rgba(59,130,246,.2)}[data-theme=dark] .task-list ul .task-item.completed{background:var(--dark-bg)}[data-theme=dark] .task-list ul .task-item .task-checkbox{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .task-list ul .task-item .task-checkbox:hover{border-color:var(--primary-blue)}.reporting-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.reporting-controls .controls-header{margin-bottom:1rem}.reporting-controls .controls-header h3{margin:0 0 .25rem 0;color:var(--text);font-size:1.125rem;font-weight:600}.reporting-controls .controls-header p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.5}.reporting-controls .filter-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:.75rem;margin-bottom:1rem}.reporting-controls .filter-grid .filter-group .filter-label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text);font-size:.875rem}.reporting-controls .filter-grid .filter-group input,.reporting-controls .filter-grid .filter-group select{width:100%;padding:2.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);font-size:1rem;transition:all .2s ease}.reporting-controls .filter-grid .filter-group input:focus,.reporting-controls .filter-grid .filter-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.reporting-controls .filter-grid .filter-group input::placeholder,.reporting-controls .filter-grid .filter-group select::placeholder{color:var(--text-muted)}.reporting-controls .filter-grid .filter-group select{cursor:pointer}.reporting-controls .control-buttons{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.reporting-controls .control-buttons .btn{padding:2.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;border:2px solid rgba(0,0,0,0);display:flex;align-items:center;gap:.5rem}.reporting-controls .control-buttons .btn.btn-primary{background:var(--primary-blue);color:#fff}.reporting-controls .control-buttons .btn.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.reporting-controls .control-buttons .btn.btn-secondary{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.reporting-controls .control-buttons .btn.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-400);transform:translateY(-1px)}.reporting-controls .control-buttons .btn.btn-outline{background:rgba(0,0,0,0);color:var(--primary-blue);border-color:var(--primary-blue)}.reporting-controls .control-buttons .btn.btn-outline:hover:not(:disabled){background:var(--primary-blue);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.reporting-controls .control-buttons .btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important;box-shadow:none !important}.reporting-controls .control-buttons .btn .btn-icon{font-size:1.125rem}.reports-output{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.reports-output .reports-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.reports-output .reports-header h4{margin:0;color:var(--text);font-size:1.125rem;font-weight:600}.reports-output .reports-header .export-options{display:flex;gap:.5rem}.reports-output .reports-header .export-options .btn{padding:1.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg);color:var(--text);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.reports-output .reports-header .export-options .btn:hover{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff;transform:translateY(-1px)}.reports-output .reports-header .export-options .btn .btn-icon{font-size:1rem}.reports-output #report-output{padding:1rem}.reports-output #report-output .no-reports{text-align:center;padding:1.5rem 1rem;color:var(--text-muted)}.reports-output #report-output .no-reports h4{margin:0 0 .5rem 0;color:var(--text);font-size:1.125rem}.reports-output #report-output .no-reports p{margin:0;font-size:1rem;line-height:1.5}.reports-output #report-output .report-content .report-summary{background:var(--bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.reports-output #report-output .report-content .report-summary .summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:.75rem}.reports-output #report-output .report-content .report-summary .summary-grid .summary-item{text-align:center}.reports-output #report-output .report-content .report-summary .summary-grid .summary-item .summary-value{font-size:1.25rem;font-weight:700;color:var(--primary-blue);display:block;margin-bottom:.25rem}.reports-output #report-output .report-content .report-summary .summary-grid .summary-item .summary-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.reports-output #report-output .report-content .report-table{background:var(--bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.reports-output #report-output .report-content .report-table table{width:100%;border-collapse:collapse}.reports-output #report-output .report-content .report-table table thead{background:var(--gray-50)}.reports-output #report-output .report-content .report-table table thead th{padding:.75rem;text-align:left;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.reports-output #report-output .report-content .report-table table tbody tr:hover{background:var(--gray-25)}.reports-output #report-output .report-content .report-table table tbody tr td{padding:.75rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text)}.reports-output #report-output .report-content .report-table table tbody tr td.highlight{background:var(--primary-blue);color:#fff;font-weight:600}[data-theme=dark] .reporting-controls .filter-group input,[data-theme=dark] .reporting-controls .filter-group select{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .reporting-controls .filter-group input:focus,[data-theme=dark] .reporting-controls .filter-group select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.2)}[data-theme=dark] .reporting-controls .control-buttons .btn.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(59,130,246,.5)}[data-theme=dark] .reporting-controls .control-buttons .btn.btn-outline:hover:not(:disabled){box-shadow:0 4px 12px rgba(59,130,246,.5)}[data-theme=dark] .reports-output .export-options .btn:hover{box-shadow:0 2px 6px rgba(59,130,246,.3)}[data-theme=dark] .reports-output #report-output .report-content .report-summary{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .reports-output #report-output .report-content .report-table{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .reports-output #report-output .report-content .report-table thead{background:var(--dark-bg)}[data-theme=dark] .reports-output #report-output .report-content .report-table thead th{border-color:var(--border-color)}[data-theme=dark] .reports-output #report-output .report-content .report-table tbody tr:hover{background:rgba(59,130,246,.05)}[data-theme=dark] .reports-output #report-output .report-content .report-table tbody tr td{border-color:var(--border-color)}body{margin:0;padding:0;font-family:var(--font-sans);color:var(--text-primary);line-height:1.55;background-color:var(--page-bg);background-image:linear-gradient(155deg, var(--page-bg) 0%, var(--page-bg-accent) 48%, #c2cedb 100%),repeating-linear-gradient(-28deg, transparent, transparent 46px, rgba(11, 19, 32, 0.025) 46px, rgba(11, 19, 32, 0.025) 47px);background-attachment:fixed;min-height:100vh}[data-theme=dark] body{background-color:var(--dark-bg);background-image:linear-gradient(160deg, #070b12 0%, #0f1724 55%, #101820 100%),repeating-linear-gradient(-28deg, transparent, transparent 46px, rgba(94, 234, 212, 0.03) 46px, rgba(94, 234, 212, 0.03) 47px);color:var(--dark-text)}.themed-static-page{background:var(--surface-raised);border-radius:var(--radius-panel);border:1px solid var(--border-color);box-shadow:none;padding:1.75rem;margin-top:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);font-size:1rem;line-height:1.7;text-align:left}.themed-static-page h2{margin-bottom:2rem}.themed-static-page h3{margin-top:2rem;margin-bottom:1rem}.themed-static-page p{margin-bottom:1.5rem}.themed-static-page ul,.themed-static-page ol{margin-bottom:1.5rem}.themed-static-page li{margin-bottom:.5rem}.themed-static-page ul{list-style:disc;padding-left:1.5rem}.themed-static-page ol{list-style:decimal;padding-left:1.5rem}[data-theme=dark] .themed-static-page{background:var(--dark-surface);color:var(--dark-text);box-shadow:none;border:1px solid var(--dark-border)}[data-theme=dark] .themed-static-page a{color:var(--primary-blue-light);text-decoration:underline}[data-theme=dark] .themed-static-page a:hover{color:#fff;text-decoration:underline}@media(max-width: 600px){.themed-static-page{padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem}}.update-notification{position:fixed;top:1rem;right:1rem;z-index:1000;max-width:400px;background:var(--gray-900);color:#fff;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.3);animation:slideIn .3s ease-out}.update-notification .update-notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem}.update-notification .update-notification-icon{font-size:1.5rem;flex-shrink:0}.update-notification .update-notification-text{flex:1}.update-notification .update-notification-title{font-weight:600;font-size:1rem;margin-bottom:.25rem}.update-notification .update-notification-message{font-size:.875rem;color:var(--gray-300)}.update-notification .update-notification-actions{display:flex;flex-direction:column;gap:.5rem}.update-notification .update-btn{padding:.5rem .75rem;border:none;border-radius:.125rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.update-notification .update-btn.update-refresh{background:var(--primary-blue);color:#fff}.update-notification .update-btn.update-refresh:hover{background:#1565c0}.update-notification .update-btn.update-dismiss{background:var(--gray-700);color:var(--gray-200)}.update-notification .update-btn.update-dismiss:hover{background:var(--gray-600)}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse-green{0%,100%{opacity:1}50%{opacity:.7}}@keyframes pulse-red{0%,100%{opacity:1}50%{opacity:.7}}@keyframes warning-pulse{0%,100%{box-shadow:0 8px 32px rgba(220,38,38,.2)}50%{box-shadow:0 8px 32px rgba(220,38,38,.4)}}@keyframes expired-pulse{0%{box-shadow:0 8px 32px rgba(220,38,38,.3)}50%{box-shadow:0 12px 40px rgba(220,38,38,.5)}100%{box-shadow:0 8px 32px rgba(220,38,38,.3)}}body.dark-mode .update-notification{background:var(--gray-800);color:var(--gray-100)}body.dark-mode .update-notification .update-notification-message{color:var(--gray-400)}body.dark-mode .update-notification .update-btn.update-dismiss{background:var(--gray-600);color:var(--gray-300)}body.dark-mode .update-notification .update-btn.update-dismiss:hover{background:var(--gray-500)}