@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#e6231f;--primary-hover:#c41c19;--primary-dark:#a11612;--primary-light:#fef2f2;--primary-50:#fff5f5;--primary-100:#ffe0e0;--primary-200:#ffb3b3;--text-main:#0f172a;--text-heading:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--bg-main:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--bg-elevated:#fff;--bg-inset:#f8fafc;--bg-wash:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-strong:#cbd5e1;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#2563eb;--purple:#8b5cf6;--purple-light:#ede9fe;--purple-dark:#7c3aed;--indigo:#6366f1;--indigo-light:#e0e7ff;--teal:#14b8a6;--teal-light:#ccfbf1;--cyan:#06b6d4;--cyan-light:#cffafe;--orange:#f97316;--orange-light:#ffedd5;--wa:#25d366;--wa-bg:#dcfce7;--fb:#1877f2;--fb-bg:#dbeafe;--ig:#e1306c;--ig-bg:#fce7f3;--tiktok:#010101;--tiktok-bg:#f1f5f9;--shopify:#95bf47;--shopify-bg:#ecfccb;--pos:#64748b;--pos-bg:#f1f5f9;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-card:0 1px 3px #0000000a, 0 0 0 1px #00000005;--shadow-card-hover:0 4px 12px #00000014, 0 0 0 1px #0000000a;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";text-rendering:optimizelegibility;line-height:1.6}a{color:var(--primary);transition:color var(--duration-fast) var(--ease-default);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}h1,h2,h3,h4,h5,h6{color:var(--text-heading);letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{letter-spacing:-.02em;font-size:28px;font-weight:700}h2{letter-spacing:-.015em;font-size:22px;font-weight:700}h3{font-size:16px;font-weight:600}h4{font-size:14px;font-weight:600}h5{font-size:13px;font-weight:600}h6{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.shrink-0{flex-shrink:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.text-purple{color:var(--purple)!important}.text-indigo{color:var(--indigo)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-heading{color:var(--text-heading)!important}.text-alert{color:var(--warning)!important}.text-blue{color:var(--info)!important}.text-green{color:var(--success)!important}.text-gray{color:var(--text-secondary)!important}.text-wa{color:var(--wa)!important}.text-fb{color:var(--fb)!important}.text-ig{color:var(--ig)!important}.text-shopify{color:var(--shopify)!important}.text-pos{color:var(--pos)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) forwards}.animate-slide-right{animation:slideInRight .3s var(--ease-out) forwards}.stagger-children>*{opacity:0;animation:fadeIn .4s var(--ease-out) forwards}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h2{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.page-header p{color:var(--text-secondary);max-width:600px;font-size:14px;line-height:1.5}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #e6231f40}.btn-outline{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--border-strong);background:var(--bg-surface-hover);box-shadow:var(--shadow-xs)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:var(--bg-surface-hover)}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-purple{background:var(--purple-light);color:var(--purple-dark)}.badge-neutral{background:var(--bg-wash);color:var(--text-secondary)}.badge-primary{background:var(--primary-light);color:var(--primary)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--success);animation:2s infinite pulse}.status-dot.busy{background:var(--warning)}.status-dot.away{background:var(--text-muted)}.status-dot.error{background:var(--danger)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-default)}.card:hover{box-shadow:var(--shadow-card-hover)}.chip{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.chip-primary{background:var(--primary-light);color:var(--primary);border-color:var(--primary-200)}.chip-success{background:var(--success-light);color:var(--success-dark)}.chip-warning{background:var(--warning-light);color:var(--warning-dark)}.chip-danger{background:var(--danger-light);color:var(--danger-dark)}.chip-info{background:var(--info-light);color:var(--info-dark)}.chip-purple{background:var(--purple-light);color:var(--purple-dark)}.environment-badge{color:var(--success-dark);background:var(--success-light);border-radius:var(--radius-full);border:1px solid #10b98133;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.live-dot,.status-dot-pulse{background-color:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.data-table,.dense-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.data-table thead,.dense-table thead{z-index:1;position:sticky;top:0}.data-table th,.dense-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-wash);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.data-table th:first-child,.dense-table th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table th:last-child,.dense-table th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table td,.dense-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:10px 14px}.data-table tr:hover td,.dense-table tr:hover td{background:var(--bg-surface-hover)}.data-table tr:last-child td,.dense-table tr:last-child td{border-bottom:none}.status-pill{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.success{background:var(--success-light);color:var(--success-dark)}.status-pill.warning{background:var(--warning-light);color:var(--warning-dark)}.status-pill.danger{background:var(--danger-light);color:var(--danger-dark)}.status-pill.info{background:var(--info-light);color:var(--info-dark)}.status-pill.inactive{background:var(--bg-wash);color:var(--text-muted)}.status-pill.purple{background:var(--purple-light);color:var(--purple-dark)}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);background:var(--bg-surface);transition:all var(--duration-fast) var(--ease-default);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background-color:var(--border-strong);transition:var(--duration-normal);border-radius:var(--radius-full);position:absolute;inset:0}.toggle-switch .slider:before{content:"";width:16px;height:16px;transition:var(--duration-normal);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(18px)}.section-title{color:var(--text-heading);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.section-subtitle{color:var(--text-secondary);margin-top:-12px;margin-bottom:16px;font-size:13px}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title{color:var(--text-heading);font-size:14px;font-weight:600}.kpi-grid{gap:16px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-default);padding:18px 20px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--border-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.kpi-card.alert{border-color:#f59e0b4d}.kpi-card.alert:before{background:var(--warning)}.kpi-card.danger-card{border-color:#ef44444d}.kpi-card.danger-card:before{background:var(--danger)}.kpi-card.success-card:before{background:var(--success)}.kpi-card.info-card:before{background:var(--info)}.kpi-card.purple-card:before{background:var(--purple)}.bg-blue-light{background:var(--info-light)}.bg-green-light{background:var(--success-light)}.bg-purple-light{background:var(--purple-light)}.bg-alert-light{background:var(--warning-light)}.bg-gray-light{background:var(--bg-wash)}.bg-indigo-light{background:var(--indigo-light)}.bg-orange-light{background:var(--orange-light)}.bg-teal-light{background:var(--teal-light)}.bg-primary-light{background:var(--primary-light)}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-wash);border:1px dashed var(--border-color);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{opacity:.5;margin-bottom:12px}.empty-state h4{color:var(--text-secondary);margin-bottom:4px}.empty-state p{max-width:320px;font-size:13px}.recharts-default-tooltip{background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:8px 12px!important;font-size:12px!important}.recharts-tooltip-label{color:var(--text-heading)!important;font-weight:600!important}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:12px!important}.layout-container{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px 20px 18px}.brand-logo{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);letter-spacing:-.5px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #e6231f4d}.brand-text h2{letter-spacing:-.01em;color:var(--text-heading);margin:0;font-size:15px;font-weight:700;line-height:1.2}.brand-text p{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:11px;font-weight:500}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;padding-left:12px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.nav-item.active{color:var(--primary);background-color:var(--primary-50);font-weight:600}.nav-indicator{background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{opacity:.8;flex-shrink:0}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1}.nav-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:10px;font-weight:700;display:flex}.nav-chip{color:var(--purple-dark);background:var(--purple-light);letter-spacing:.03em;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);background:var(--bg-surface)}.sidebar-env-strip{color:var(--success-dark);background:var(--success-light);border-bottom:1px solid #10b98126;align-items:center;gap:6px;padding:8px 20px;font-size:11px;font-weight:500;display:flex}.env-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.user-profile{align-items:center;gap:10px;padding:14px 20px;display:flex}.user-avatar{flex-shrink:0;position:relative}.avatar-circle{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#475569,#1e293b);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.avatar-status{border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.avatar-status.online{background:var(--success)}.avatar-status.busy{background:var(--warning)}.avatar-status.offline{background:var(--text-muted)}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.user-menu-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.user-menu-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:auto;min-height:64px;padding:12px 28px;display:flex}.topbar-left{align-items:center;gap:16px;min-width:0;display:flex}.topbar-title-group{min-width:0}.page-title{color:var(--text-heading);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:18px;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:520px;margin:2px 0 0;font-size:12px;line-height:1.4;overflow:hidden}.topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-search{background:var(--bg-wash);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:6px;width:200px;padding:6px 12px;transition:all .2s;display:flex}.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);background:var(--bg-surface);width:260px}.topbar-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.notif-dot{background:var(--danger);border:1.5px solid var(--bg-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.topbar-env-badge{color:var(--success-dark);background:var(--success-light);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #10b98133;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.live-dot{background-color:var(--success);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.content-scroll{flex:1;padding:24px 28px 40px;overflow-y:auto}.overview-container{max-width:1440px;margin:0 auto}.overview-container .kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.overview-container .kpi-card{align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.kpi-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-data{flex:1;min-width:0}.kpi-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:500;line-height:1.3;display:block}.kpi-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kpi-val{color:var(--text-heading);letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1}.kpi-trend{align-items:center;gap:2px;font-size:11px;font-weight:600;display:inline-flex}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--danger)}.kpi-subtext{color:var(--text-muted);font-size:11px;font-weight:500}.sync-dot{background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s infinite pulse;display:inline-block}.strategic-grid{grid-template-columns:1fr 1.3fr .8fr;gap:16px;margin-bottom:24px;display:grid}.strat-col{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.strat-col-title{color:var(--text-heading);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.channel-cards{flex-direction:column;gap:10px;display:flex}.channel-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);padding:12px 14px;transition:all .15s}.channel-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.channel-card.disabled{opacity:.6;border-style:dashed}.cc-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cc-title{color:var(--text-heading);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.health-badge.pending{background:var(--warning-light);color:var(--warning-dark)}.cc-stats{margin-top:4px}.cc-metric{color:var(--text-heading);letter-spacing:-.01em;font-size:16px;font-weight:700}.cc-metric span{color:var(--text-muted);font-size:11px;font-weight:500}.cc-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.cc-progress{background:var(--bg-wash);border-radius:4px;height:3px;margin-top:8px;overflow:hidden}.cc-bar{border-radius:4px;height:100%;transition:width 1s}.cc-bar.bg-wa{background:var(--wa)}.cc-bar.bg-fb{background:var(--fb)}.cc-bar.bg-ig{background:var(--ig)}.center-col{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-surface-hover) 100%)}.arch-stack{flex-direction:column;gap:2px;display:flex}.arch-layer{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);padding:14px 16px;transition:all .2s}.arch-layer:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.layer-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.layer-header h4{color:var(--text-heading);margin-bottom:2px;font-size:13px;font-weight:600}.layer-header p{color:var(--text-muted);font-size:11px;line-height:1.4}.layer-chips{flex-wrap:wrap;gap:5px;display:flex}.l-chip{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);border:1px solid var(--border-light);white-space:nowrap;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:500;display:inline-flex}.l-chip.highlight{background:var(--primary-light);color:var(--primary);border-color:var(--primary-200);font-weight:600}.l-chip.warning{background:var(--warning-light);color:var(--warning-dark);border-color:#f59e0b33}.arch-flow-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:4px 0;display:flex;transform:rotate(90deg)}.outcome-card{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.outcome-card:hover{background:var(--bg-surface-hover)}.outcome-icon{flex-shrink:0;margin-top:2px}.outcome-text h4{color:var(--text-heading);margin-bottom:2px;font-size:13px;font-weight:600}.outcome-text p{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.analytics-section{margin-bottom:24px}.analytics-section .section-title{color:var(--text-heading);margin-bottom:14px;font-size:15px;font-weight:700}.analytics-row{gap:14px;margin-bottom:14px;display:grid}.analytics-row.top-row{grid-template-columns:1.5fr 1fr 1fr}.analytics-row.bottom-row{grid-template-columns:1fr 1.2fr 1fr}.chart-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px}.panel-heading{color:var(--text-heading);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.donut-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.donut-center span{color:var(--text-heading);letter-spacing:-.02em;font-size:22px;font-weight:700;display:block}.donut-center label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.funnel-steps{flex-direction:column;gap:0;display:flex}.f-step{justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.f-step+.f-step{border-top:1px solid var(--border-light)}.f-label{color:var(--text-secondary);font-size:12px;font-weight:500}.f-val{color:var(--text-heading);font-size:16px;font-weight:700}.f-step.s1{border-left:3px solid var(--info);background:#3b82f60f}.f-step.s2{border-left:3px solid var(--purple);background:#8b5cf60a}.f-step.s3{border-left:3px solid var(--warning);background:#f59e0b0a}.f-step.s4{border-left:3px solid var(--success);background:#10b9810f}.sla-metric{color:var(--text-secondary);border-top:1px solid var(--border-light);margin-top:10px;padding-top:10px;font-size:12px}.sla-metric strong{color:var(--success);font-weight:700}.recon-stats{flex-direction:column;gap:0;display:flex}.r-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.r-row:last-child{border-bottom:none}.r-row span{color:var(--text-secondary)}.r-row strong{color:var(--text-heading);font-weight:600}.trust-score{background:var(--success-light);border-radius:var(--radius-md);border:1px solid #10b98126;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.ts-data{flex-direction:column;display:flex}.ts-val{color:var(--success-dark);letter-spacing:-.01em;font-size:20px;font-weight:700}.highlights-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.highlight-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.highlight-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.hl-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hl-content{min-width:0}.hl-content h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.hl-main{color:var(--text-heading);margin-bottom:2px;font-size:15px;font-weight:700;display:block}.hl-sub{color:var(--text-secondary);font-size:12px}.strategic-ribbon{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);grid-template-columns:repeat(4,1fr);gap:14px;padding:20px;display:grid}.ribbon-item{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff14;padding:16px 18px;transition:all .2s}.ribbon-item:hover{background:#ffffff1a;border-color:#ffffff26}.ribbon-item strong{color:#fff;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.ribbon-item span{color:#fff9;font-size:11.5px;line-height:1.5}.team-summary-panel{margin-bottom:24px}.team-summary-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.team-sum-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:14px 16px}.team-sum-card h5{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px}.team-sum-card .team-name{color:var(--text-heading);margin-bottom:6px;font-size:13px;font-weight:600}.team-sum-card .team-metric{color:var(--text-heading);font-size:18px;font-weight:700}.team-sum-card .team-sub{color:var(--text-muted);font-size:11px}.agent-console{grid-template-columns:300px 1fr 320px;gap:0;height:calc(100vh - 120px);margin:-24px -28px;display:grid}.console-col{flex-direction:column;display:flex;overflow:hidden}.inbox-col{border-right:1px solid var(--border-color);background:var(--bg-surface)}.chat-col{background:var(--bg-surface);flex-direction:column;display:flex}.context-col{border-left:1px solid var(--border-color);background:var(--bg-surface-hover);padding:16px;overflow-y:auto}.inbox-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px}.inbox-title{margin-bottom:10px;font-size:15px;font-weight:700}.inbox-tabs{gap:0;margin-bottom:10px;display:flex;overflow-x:auto}.scrollable-tabs{scrollbar-width:none}.scrollable-tabs::-webkit-scrollbar{display:none}.tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.tab:hover{color:var(--text-main);background:var(--bg-surface-hover)}.tab.active{color:var(--primary);background:var(--primary-light);font-weight:600}.count-badge{background:var(--primary);color:#fff;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700}.count-badge.gray{background:var(--bg-wash);color:var(--text-muted)}.count-badge.red{background:var(--danger);color:#fff}.inbox-filters{gap:8px;margin-bottom:8px;display:flex}.inbox-filters .search-bar{background:var(--bg-wash);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;align-items:center;gap:6px;padding:7px 12px;display:flex}.inbox-filters .search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12px}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border-color);background:var(--bg-surface);justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-surface-hover)}.filter-chips{flex-wrap:wrap;gap:4px;display:flex}.f-chip{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);border:1px solid var(--border-light);align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:500;display:flex}.f-chip.alert{background:var(--warning-light);color:var(--warning-dark);border-color:#f59e0b33}.chat-list{flex:1;overflow-y:auto}.chat-item{border-bottom:1px solid var(--border-light);cursor:pointer;padding:12px 16px;transition:background .15s}.chat-item:hover{background:var(--bg-surface-hover)}.chat-item.active{background:var(--primary-50);border-left:3px solid var(--primary)}.chat-item-header{justify-content:space-between;margin-bottom:4px;display:flex}.customer-info{align-items:center;gap:6px;display:flex}.customer-name{color:var(--text-heading);font-size:13px;font-weight:600}.channel-badge{color:#fff;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700}.channel-badge.whatsapp{background:#25d366}.channel-badge.fb{background:#1877f2}.channel-badge.ig{background:#e1306c}.channel-badge.shopify{background:#95bf47}.time{color:var(--text-muted);font-size:11px}.chat-item-preview{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.chat-item-preview p{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.unread-badge{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.chat-item-footer{flex-wrap:wrap;gap:4px;display:flex}.tag,.sla-badge{border-radius:var(--radius-full);align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-flex}.sla-badge.risk{background:var(--danger-light);color:var(--danger-dark)}.sla-badge.safe{background:var(--success-light);color:var(--success-dark)}.order-tag{background:var(--indigo-light);color:var(--indigo)}.urgent-tag{background:var(--danger-light);color:var(--danger-dark)}.query-tag{background:var(--info-light);color:var(--info-dark)}.complaint-tag{background:var(--warning-light);color:var(--warning-dark)}.payment-tag{background:var(--purple-light);color:var(--purple-dark)}.col-footer-insight{border-top:1px solid var(--border-color);flex-shrink:0;gap:16px;padding:12px 16px;display:flex}.fi-metric{flex-direction:column;display:flex}.fi-metric strong{color:var(--text-muted);font-size:11px;font-weight:500}.fi-metric span{color:var(--text-heading);font-size:16px;font-weight:700}.chat-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-surface-hover);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.topbar-left{align-items:center;gap:14px;display:flex}.agent-presence{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.presence-dot{border-radius:50%;width:8px;height:8px}.presence-dot.online{background:var(--success);animation:2s infinite pulse}.queue-status{gap:10px;display:flex}.capacity,.shift-time{color:var(--text-muted);font-size:12px;font-weight:500}.topbar-right{gap:6px;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.text-danger{color:var(--danger)!important}.bg-danger-light{background:var(--danger-light)}.bg-success-light{background:var(--success-light)}.thread-header{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:12px 16px}.th-info h2{margin-bottom:4px;font-size:16px;font-weight:700}.th-meta{gap:8px;display:flex}.th-channel,.th-state{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}.th-channel.whatsapp{background:var(--wa-bg);color:#166534}.th-state.pending{background:var(--warning-light);color:var(--warning-dark)}.messages-area{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.system-message{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-wash);border:1px solid var(--border-light);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.system-message.assignment{border-left:3px solid var(--info)}.system-message.match{border-left:3px solid var(--success)}.system-message.suggestion{border-left:3px solid var(--purple);background:var(--purple-light)}.sys-icon{flex-shrink:0}.sys-time{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:10px}.message-group{max-width:75%}.message-group.customer{align-self:flex-start}.message-group.agent{align-self:flex-end}.message-group .message{border-radius:var(--radius-lg);padding:10px 14px;font-size:13px;line-height:1.6}.customer .message{background:var(--bg-wash);border:1px solid var(--border-color);border-bottom-left-radius:4px}.agent .message{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message-time{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.agent .message-time{text-align:right}.internal-note{align-self:center;max-width:85%}.note-header{color:var(--warning-dark);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.internal-note .message{background:var(--warning-light);border-radius:var(--radius-md);border:1px solid #f59e0b33;font-size:12px}.btn-text{cursor:pointer;margin-left:auto;font-size:11px;font-weight:600}.composer-area{border-top:1px solid var(--border-color);flex-shrink:0}.composer-tabs{border-bottom:1px solid var(--border-light);gap:0;display:flex}.c-tab{color:var(--text-secondary);cursor:pointer;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px;font-weight:500}.c-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.c-tab.internal{color:var(--warning-dark)}.composer-wrapper{padding:12px 16px}.composer-wrapper textarea{resize:none;width:100%;height:60px;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:13px}.typing-hint{color:var(--text-muted);margin-top:4px;font-size:10px}.composer-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.left-actions{align-items:center;gap:4px;display:flex}.icon-btn-sm{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-btn-sm:hover{background:var(--bg-surface-hover)}.pill-btn{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;font-size:11px;font-family:var(--font-mono);padding:3px 8px}.send-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.send-btn:hover{background:var(--primary-hover)}.context-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:14px 16px}.cc-title-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cc-title-row h4{font-size:13px;font-weight:600}.profile-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#475569,#1e293b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.profile-header .info h3{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.vip-badge{background:var(--warning-light);color:var(--warning-dark);border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.profile-header .info p{color:var(--text-muted);font-size:11px}.profile-details{flex-direction:column;gap:6px;display:flex}.detail-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.q-row{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.q-label{color:var(--text-secondary)}.q-val{font-weight:600}.order-header{justify-content:space-between;margin-bottom:8px;display:flex}.order-id{color:var(--primary);font-size:14px;font-weight:700}.order-status{border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.order-status.warning{background:var(--warning-light);color:var(--warning-dark)}.order-branch{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.pos-badge{background:var(--success-light);color:var(--success-dark);border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.order-items{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.item{color:var(--text-secondary);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.order-total{border-top:1px solid var(--border-light);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.order-total span{color:var(--text-muted)}.order-total strong{color:var(--text-heading)}.order-actions{flex-direction:column;gap:6px;margin-top:10px;display:flex}.btn-outline-full{text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text-main);cursor:pointer;padding:6px;font-size:12px;font-weight:500}.btn-outline-full:hover{background:var(--bg-surface-hover)}.action-btns{flex-direction:column;gap:6px;display:flex}.action-btns button{border-radius:var(--radius-sm);text-align:left;background:var(--bg-wash);width:100%;color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;padding:8px;font-size:12px;font-weight:500;transition:all .15s}.action-btns button:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.action-btns button.escalate{background:var(--danger-light);color:var(--danger-dark);border-color:#ef444433}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.tl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.tl-dot.wa{background:var(--wa)}.tl-dot.fb{background:var(--fb)}.tl-dot.pos{background:var(--pos)}.tl-content p{color:var(--text-main);font-size:12px;font-weight:500}.tl-content span{color:var(--text-muted);font-size:11px}.admin-console-page{max-width:1440px;margin:0 auto}.admin-layout{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:200px 1fr;gap:0;min-height:580px;display:grid;overflow:hidden}.admin-nav{border-right:1px solid var(--border-color);background:var(--bg-surface-hover);flex-direction:column;gap:2px;padding:16px 8px;display:flex}.admin-nav .nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.admin-nav .nav-item:hover{background:var(--bg-surface);color:var(--text-main)}.admin-nav .nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.admin-content{max-height:72vh;padding:24px;overflow-y:auto}.section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-head h3{font-size:16px;font-weight:600}.sh-actions{align-items:center;gap:8px;display:flex}.input-sm{border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;width:180px;padding:6px 12px;font-family:inherit;font-size:12px}.input-sm:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.admin-kpi{margin-bottom:20px;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.admin-kpi .kpi-card{padding:14px 16px}.admin-kpi .kpi-label{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:500;display:block}.admin-kpi .kpi-val{letter-spacing:-.02em;font-size:20px;font-weight:700}.admin-kpi .kpi-subtext{color:var(--text-muted);font-size:11px}.admin-grid-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ac-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px}.ac-panel.no-pad{padding:0}.ac-panel.mb-4{margin-bottom:16px}.ac-panel h4{margin-bottom:12px;font-size:14px;font-weight:600}.health-rows{flex-direction:column;display:flex}.h-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.h-row:last-child{border-bottom:none}.h-row span{color:var(--text-secondary)}.activity-list{flex-direction:column;display:flex}.act-item{border-bottom:1px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.act-item:last-child{border-bottom:none}.skill-chip{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);margin-right:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.skill-chip.border{border:1px solid var(--border-color)}.icon-btn-ghost{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.icon-btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-main)}.rules-list{flex-direction:column;gap:12px;display:flex}.rule-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);padding:18px}.rule-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.rule-card.disabled{opacity:.6;border-style:dashed}.rc-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rc-top h4{font-size:14px;font-weight:600}.rc-builder{flex-direction:column;gap:6px;display:flex}.rb-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rb-label{text-transform:uppercase;letter-spacing:.05em;color:var(--info-dark);background:var(--info-light);border-radius:var(--radius-sm);padding:3px 8px;font-size:10px;font-weight:700}.rb-label.then{color:var(--success-dark);background:var(--success-light)}.rb-chip{border-radius:var(--radius-full);background:var(--bg-wash);border:1px solid var(--border-color);color:var(--text-main);padding:4px 10px;font-size:12px;font-weight:500}.rb-op{color:var(--text-muted);font-size:10px;font-weight:700}.rb-action{color:var(--text-secondary);font-size:12px}.channel-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ch-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.ch-card:hover{box-shadow:var(--shadow-xs)}.ch-card.disabled{opacity:.6;border-style:dashed}.ch-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ch-icon.wa{background:#25d366}.ch-icon.fb{background:#1877f2}.ch-icon.shopify{background:#95bf47}.ch-icon.pos{background:var(--text-muted)}.ch-info{flex:1}.ch-info h4{margin-bottom:4px;font-size:14px;font-weight:600}.ch-info .status{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.perms-list{padding:0;list-style:none}.perms-list li{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:8px 0;font-size:13px}.perms-list li:last-child{border-bottom:none}.perms-list strong{color:var(--text-heading)}.logic-row{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.pie-legend{flex-direction:column;gap:6px;display:flex}.pl-item{align-items:center;gap:6px;font-size:12px;display:flex}.pl-item .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pl-item .label{color:var(--text-secondary);flex:1}.pl-item .val{color:var(--text-heading);font-weight:600}.btn-xs{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:600}.btn-xs:hover{background:var(--primary);color:#fff}.routing-container{max-width:1440px;margin:0 auto}.routing-container .kpi-banner{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px;display:grid}.routing-container .kpi-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px 18px}.routing-container .kpi-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.routing-container .kpi-value{color:var(--text-heading);letter-spacing:-.02em;font-size:22px;font-weight:700}.routing-container .grid-layout{gap:16px;display:grid}.routing-container .main-grid{grid-template-columns:1.3fr 1fr}.card-block{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.card-title{color:var(--text-heading);align-items:center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-desc{color:var(--text-muted);margin-top:-8px;margin-bottom:14px;font-size:12px}.decision-flow{flex-direction:column;gap:0;padding:4px 0;display:flex}.flow-node{border-radius:var(--radius-md);color:var(--text-main);background:var(--bg-wash);border:1px solid var(--border-color);padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;position:relative}.flow-node:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.flow-node.highlight{background:var(--primary-light);border-color:var(--primary-200);color:var(--primary);font-weight:600}.flow-node.warning{background:var(--warning-light);color:var(--warning-dark);border-color:#f59e0b33}.flow-node.success{background:var(--success-light);color:var(--success-dark);border-color:#10b98133}.flow-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:4px 0;display:flex;transform:rotate(90deg)}.strategy-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.strat-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);padding:14px 16px;transition:all .15s}.strat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.strat-icon{margin-bottom:8px}.strat-card h4{margin-bottom:4px;font-size:13px;font-weight:600}.strat-card p{color:var(--text-secondary);font-size:11px;line-height:1.5}.matrix-table{font-size:13px}.m-row{grid-template-columns:1fr .7fr .6fr 1.3fr;align-items:center;gap:0;display:grid}.m-row.m-header{background:var(--bg-wash);border-radius:var(--radius-md) var(--radius-md) 0 0}.m-row.m-header .m-cell{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10px;font-weight:700}.m-cell{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:10px 12px;font-size:13px}.m-cell.action{align-items:center;gap:6px;font-size:12px;display:flex}.m-row.valid{background:#10b9810a}.m-row.valid .m-cell{border-color:#10b9811a}.m-row:last-child .m-cell{border-bottom:none}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--border-strong)}.live-pulse{color:var(--success-dark);background:var(--success-light);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.live-pulse:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.sandbox-block{border:1px solid var(--purple);border-style:solid}.sandbox-form{flex-direction:column;gap:12px;display:flex}.s-group{flex-direction:column;gap:4px;display:flex}.s-group label{color:var(--text-secondary);font-size:12px;font-weight:500}.s-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);padding:8px 12px;font-family:inherit;font-size:13px}.simulate-btn{background:var(--purple);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.simulate-btn:hover{background:var(--purple-dark)}.simulation-result{background:var(--purple-light);border-radius:var(--radius-md);border:1px solid #8b5cf633;margin-top:12px;padding:14px 16px}.simulation-result strong{color:var(--purple-dark);margin-bottom:4px;font-size:12px;display:block}.simulation-result p{color:var(--text-main);font-size:12px;line-height:1.6}.reports-container{max-width:1440px;margin:0 auto}.reports-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.rpt-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.rpt-kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.rpt-kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rpt-kpi-data{flex:1;min-width:0}.rpt-kpi-label{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:500;display:block}.rpt-kpi-row{align-items:baseline;gap:6px;display:flex}.rpt-kpi-val{color:var(--text-heading);letter-spacing:-.02em;font-size:20px;font-weight:700}.rpt-kpi-trend{font-size:11px;font-weight:600}.rpt-kpi-trend.positive{color:var(--success)}.rpt-kpi-trend.negative{color:var(--danger)}.reports-filter-bar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;margin-bottom:20px;padding:14px 18px;display:flex}.filter-chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{border-radius:var(--radius-full);cursor:pointer;background:var(--bg-wash);color:var(--text-secondary);border:1px solid var(--border-color);padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-main)}.filter-chip.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary-200);font-weight:600}.filter-chip.secondary.active{background:var(--info-light);color:var(--info-dark);border-color:#3b82f633}.reports-charts-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.chart-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.chart-card.span-2{grid-column:span 2}.chart-header{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.chart-header h3{color:var(--text-heading);font-size:14px;font-weight:600}.chart-body{padding:8px 12px 12px}.reports-insights-grid{grid-template-columns:1fr 1fr .8fr;gap:14px;display:grid}.insight-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.insight-header{border-bottom:1px solid var(--border-light);padding:14px 18px}.insight-header h3{color:var(--text-heading);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.insight-panel .dense-table{font-size:12px}.insight-panel .dense-table th{padding:8px 14px;font-size:10px}.insight-panel .dense-table td{padding:8px 14px}.compact-insights .quick-insight-list{padding:8px 0}.qi-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:10px;padding:10px 18px;transition:background .15s;display:flex}.qi-item:last-child{border-bottom:none}.qi-item:hover{background:var(--bg-surface-hover)}.qi-indicator{border-radius:2px;flex-shrink:0;width:4px;height:36px;margin-top:2px}.qi-indicator.success{background:var(--success)}.qi-indicator.warning{background:var(--warning)}.qi-indicator.danger{background:var(--danger)}.qi-indicator.info{background:var(--info)}.qi-content{flex-direction:column;min-width:0;display:flex}.qi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:600}.qi-value{color:var(--text-heading);font-size:14px;font-weight:700}.qi-sub{color:var(--text-secondary);font-size:11px}.date-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);padding:6px 12px;font-size:13px}.recon-container{max-width:1440px;margin:0 auto}.recon-kpi-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.recon-kpi{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:14px 16px;position:relative;overflow:hidden}.recon-kpi:before{content:"";background:var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.recon-kpi.accent-success:before{background:var(--success)}.recon-kpi.accent-danger:before{background:var(--danger)}.recon-kpi.accent-warning:before{background:var(--warning)}.recon-kpi.accent-info:before{background:var(--info)}.recon-kpi.accent-purple:before{background:var(--purple)}.recon-kpi.accent-indigo:before{background:var(--indigo)}.recon-kpi-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.recon-kpi-val{letter-spacing:-.02em;font-size:20px;font-weight:700}.recon-main-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.recon-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:16px;padding:20px}.panel-title{color:var(--text-heading);align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.panel-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:12px}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-actions{gap:8px;display:flex}.search-box{background:var(--bg-wash);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:140px;font-family:inherit;font-size:12px}.waterfall-chart{flex-direction:column;gap:6px;display:flex}.w-step-row{grid-template-columns:120px 1fr 180px;align-items:center;gap:10px;display:grid}.w-step-label{color:var(--text-secondary);text-align:right;font-size:12px;font-weight:500}.w-step-bar-wrap{background:var(--bg-wash);border-radius:var(--radius-sm);height:28px;overflow:hidden}.w-step-bar{color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;height:100%;font-size:11px;font-weight:700;transition:width 1s;display:flex}.w-step-bar:not([class*=bg-]){background:var(--text-secondary)}.w-step-bar.bg-blue{background:var(--info)}.w-step-bar.bg-info{background:#60a5fa}.w-step-bar.bg-purple{background:var(--purple)}.w-step-bar.bg-indigo{background:var(--indigo)}.w-step-bar.bg-warning{background:var(--warning)}.w-step-bar.bg-success{background:var(--success)}.w-step-bar.bg-success-dark{background:var(--success-dark)}.w-step-delta{color:var(--text-muted);font-size:10px;font-weight:500}.confidence-list{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.conf-header{justify-content:space-between;margin-bottom:4px;display:flex}.conf-header span{color:var(--text-secondary);font-size:12px}.conf-header strong{color:var(--text-heading);font-size:13px}.conf-bar{background:var(--bg-wash);border-radius:3px;height:6px;overflow:hidden}.conf-fill{border-radius:3px;height:100%;transition:width 1s}.trust-score-card{background:var(--success-light);border-radius:var(--radius-md);border:1px solid #10b98126;align-items:center;gap:12px;padding:14px 16px;display:flex}.ts-value{color:var(--success-dark);letter-spacing:-.02em;font-size:24px;font-weight:700}.ts-label{color:var(--success);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.reason-list{flex-direction:column;gap:0;display:flex}.reason-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.reason-item:last-child{border-bottom:none}.reason-icon{flex-shrink:0;margin-top:2px}.reason-content{flex:1;min-width:0}.reason-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.reason-top strong{color:var(--text-heading);font-size:13px}.reason-count{color:var(--text-muted);background:var(--bg-wash);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.reason-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.branch-container{max-width:1440px;margin:0 auto}.branch-container .kpi-banner{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.branch-container .kpi-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.branch-container .kpi-icon-wrap{border-radius:var(--radius-md);background:var(--bg-wash);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.branch-container .kpi-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.branch-container .kpi-value{color:var(--text-heading);letter-spacing:-.02em;font-size:22px;font-weight:700}.branch-container .kpi-sub{color:var(--text-muted);font-size:11px;font-weight:500}.branch-container .main-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.branch-container .col-left,.branch-container .col-right{flex-direction:column;gap:16px;display:flex}.geo-map{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.region-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;padding:14px 16px;transition:all .15s}.region-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.region-card.active{border-color:var(--primary);background:var(--primary-50)}.region-card h4{margin-bottom:6px;font-size:14px;font-weight:600}.r-stats{justify-content:space-between;align-items:center;display:flex}.r-stats span{color:var(--text-secondary);font-size:12px}.load-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.load-badge.high{background:var(--danger-light);color:var(--danger-dark)}.load-badge.medium{background:var(--warning-light);color:var(--warning-dark)}.load-badge.normal{background:var(--success-light);color:var(--success-dark)}.charts-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.branch-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.branch-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-wash);border-bottom:1px solid var(--border-color);padding:10px 14px;font-size:10px;font-weight:600}.branch-table th:first-child{border-radius:var(--radius-md) 0 0 0}.branch-table th:last-child{border-radius:0 var(--radius-md) 0 0}.branch-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:10px 14px}.branch-table tr:hover td{background:var(--bg-surface-hover)}.branch-table tr:last-child td{border-bottom:none}.health-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.health-badge.healthy{background:var(--success-light);color:var(--success-dark)}.health-badge.warning{background:var(--warning-light);color:var(--warning-dark)}.health-badge.risk{background:var(--danger-light);color:var(--danger-dark)}.escalation-list{flex-direction:column;gap:0;display:flex}.esc-item{border-bottom:1px solid var(--border-light);padding:14px 0}.esc-item:last-child{border-bottom:none}.esc-header{justify-content:space-between;margin-bottom:6px;display:flex}.esc-branch{color:var(--text-heading);font-size:13px;font-weight:600}.esc-time{color:var(--text-muted);font-size:11px}.esc-item p{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:1.5}.esc-actions{gap:8px;display:flex}.btn-primary-sm{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-primary-sm:hover{background:var(--primary-hover)}.btn-outline-sm{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.link-features{padding:0;list-style:none}.link-features li{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.link-features li:last-child{border-bottom:none}.lf-icon{border-radius:var(--radius-sm);background:var(--bg-wash);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lf-text{flex:1}.lf-text strong{margin-bottom:2px;font-size:13px;display:block}.lf-text span{color:var(--text-secondary);font-size:12px;line-height:1.5}.badge{border-radius:var(--radius-full);align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.danger{background:var(--danger-light);color:var(--danger-dark)}.architecture-container{max-width:1440px;margin:0 auto}.section-block{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:20px;padding:24px}.section-block .section-title{align-items:center;gap:8px;margin-bottom:4px;font-size:16px;font-weight:700;display:flex}.section-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px}.arch-map{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:0;display:grid}.arch-map .flow-arrow{color:var(--text-muted);justify-content:center;align-items:center;padding:0 8px;display:flex;transform:none}.arch-layer{border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:18px}.arch-layer.external{background:var(--bg-wash)}.arch-layer.ingestion{background:#3b82f608;border-color:#3b82f626}.arch-layer.core{background:#e6231f05;border-color:#e6231f1f}.arch-layer.presentation{background:#10b98108;border-color:#10b98126}.layer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.node-grid{flex-direction:column;gap:6px;display:flex}.arch-node{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.arch-node:hover{border-color:var(--border-strong)}.arch-node.solid{background:var(--bg-wash);color:var(--text-main);font-weight:600}.module-cards,.module-cards.vertical{flex-direction:column;gap:8px;display:flex}.mod-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);padding:12px 14px}.mod-card h5{color:var(--text-heading);margin-bottom:4px;font-size:12px;font-weight:600}.mod-card p{color:var(--text-muted);font-size:11px;line-height:1.4}.mod-card.primary{border-left:3px solid var(--primary)}.mod-card.highlight{border-left:3px solid var(--success);background:#10b98108}.flow-timeline{flex-direction:column;gap:0;display:flex}.flow-step{align-items:flex-start;gap:14px;padding:10px 0;display:flex;position:relative}.step-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.step-content{flex:1;padding-top:4px}.step-content p{color:var(--text-main);font-size:13px;line-height:1.5}.step-connector{background:var(--border-color);width:2px;height:calc(100% - 28px);position:absolute;top:38px;left:13px}.services-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-item{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.service-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.s-icon{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px;margin-top:2px}.service-item strong{margin-bottom:2px;font-size:13px;display:block}.service-item span{color:var(--text-muted);font-size:11px;line-height:1.4}.roadmap-container{max-width:1440px;margin:0 auto}.roadmap-layout{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.timeline-col .section-title,.meta-col .section-title{margin-bottom:16px;font-size:15px;font-weight:700}.sprint-timeline{flex-direction:column;gap:0;display:flex}.sprint-card{border-bottom:1px solid var(--border-light);gap:16px;padding:20px 0;display:flex;position:relative}.sprint-card:last-child{border-bottom:none}.sc-icon{flex-shrink:0;margin-top:2px}.sc-content{flex:1}.sc-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.sc-header h4{color:var(--text-heading);font-size:14px;font-weight:600}.sc-weeks{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-muted);white-space:nowrap;padding:3px 10px;font-size:11px;font-weight:600}.sprint-card.completed .sc-weeks{background:var(--success-light);color:var(--success-dark)}.sprint-card.in-progress .sc-weeks{background:var(--primary-light);color:var(--primary)}.sprint-card.in-progress{border-radius:var(--radius-md);background:#e6231f05;border-bottom:none;margin:-4px -16px;padding:20px 16px}.sc-deliverables{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.sc-deliverables li{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.li-arrow{color:var(--text-muted);flex-shrink:0;margin-top:3px}.sc-footer{flex-direction:column;gap:6px;display:flex}.sc-risk,.sc-checkpoint{align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.5;display:flex}.sc-risk{color:var(--text-secondary)}.sc-risk strong{color:var(--warning-dark)}.sc-checkpoint{color:var(--text-secondary)}.sc-checkpoint strong{color:var(--success-dark)}.card-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.card-panel.mt-4{margin-top:16px}.card-panel.bg-primary-light{background:var(--primary-50);border-color:var(--primary-200)}.card-panel .section-title.text-primary{color:var(--primary)}.dependency-list{flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.dependency-list li{border-bottom:1px solid var(--border-light);padding:12px 0}.dependency-list li:last-child{border-bottom:none}.dependency-list strong{color:var(--text-heading);margin-bottom:2px;font-size:13px;display:block}.dependency-list span{color:var(--text-secondary);font-size:12px;line-height:1.5}.outcomes-list{flex-direction:column;gap:14px;display:flex}.outcome-item{align-items:flex-start;gap:12px;display:flex}.oi-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.outcome-item strong{color:var(--text-heading);margin-bottom:2px;font-size:13px;display:block}.outcome-item span{color:var(--text-secondary);font-size:12px;line-height:1.5}.ai-container{max-width:1440px;margin:0 auto}.beta-badge{color:var(--purple-dark);background:var(--purple-light);border-radius:var(--radius-full);letter-spacing:.03em;vertical-align:middle;margin-left:8px;padding:3px 10px;font-size:10px;font-weight:700}.ai-container .top-grid{grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:20px;display:grid}.overview-block,.governance-block{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.overview-block h3,.governance-block h3{align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.overview-block p{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.7}.ai-roadmap{flex-direction:column;gap:0;display:flex}.ar-step{border-bottom:1px solid var(--border-light);opacity:.6;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.ar-step:last-child{border-bottom:none}.ar-step.active{opacity:1}.ar-num{background:var(--bg-wash);width:26px;height:26px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ar-step.active .ar-num{background:var(--purple);color:#fff}.ar-step strong{margin-bottom:2px;font-size:13px;display:block}.ar-step span{color:var(--text-secondary);font-size:12px}.safety-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.safety-list li{align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.safety-list li div{color:var(--text-secondary)}.safety-list li strong{color:var(--text-heading)}.ai-container .main-grid{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.mockup-panel,.capabilities-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.mockup-panel .panel-title,.capabilities-panel .panel-title{align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.agent-mockup{flex-direction:column;gap:14px;display:flex}.mock-msg{border-radius:var(--radius-lg);max-width:85%;padding:12px 16px;font-size:13px;line-height:1.6}.mock-msg.customer{background:var(--bg-wash);border:1px solid var(--border-color);border-bottom-left-radius:4px}.mock-time{color:var(--text-muted);margin-top:4px;font-size:10px}.ai-suggestion-box{border-radius:var(--radius-lg);background:#8b5cf608;border:1px solid #8b5cf64d;overflow:hidden}.ai-header{background:#8b5cf60f;border-bottom:1px solid #8b5cf626;align-items:center;gap:6px;padding:10px 16px;display:flex}.ai-header strong{flex:1;font-size:12px}.confidence{color:var(--purple-dark);background:var(--purple-light);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.ai-body{color:var(--text-main);padding:14px 16px;font-size:13px;font-style:italic;line-height:1.7}.ai-footer{border-top:1px solid #8b5cf61a;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ai-context-tags{gap:6px;display:flex}.c-tag{border-radius:var(--radius-full);background:var(--bg-wash);color:var(--text-secondary);align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:flex}.ai-actions{gap:6px;display:flex}.cap-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cap-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);padding:14px 16px;transition:all .15s}.cap-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.cap-icon{margin-bottom:8px}.cap-card h4{margin-bottom:4px;font-size:13px;font-weight:600}.cap-card p{color:var(--text-secondary);font-size:11px;line-height:1.5}.settings-container{max-width:1440px;margin:0 auto}.settings-layout{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:220px 1fr;gap:0;min-height:600px;display:grid;overflow:hidden}.settings-sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface-hover);padding:16px 0}.settings-nav{flex-direction:column;gap:2px;padding:0 8px;display:flex}.s-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.s-nav-item:hover{background:var(--bg-surface);color:var(--text-main)}.s-nav-item.active{background:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-xs);font-weight:600}.settings-content{max-height:72vh;padding:24px 28px;overflow-y:auto}.sp-title{color:var(--text-heading);margin-bottom:6px;font-size:18px;font-weight:700}.sp-desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.setting-group{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:24px}.setting-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sg-header{margin-bottom:16px}.sg-header h4{color:var(--text-heading);margin-bottom:2px;font-size:14px;font-weight:600}.sg-header span{color:var(--text-muted);font-size:12px}.sg-body{flex-direction:column;gap:14px;display:flex}.input-row{flex-direction:column;gap:4px;display:flex}.input-row label{color:var(--text-main);font-size:13px;font-weight:500}.input-row .caption{color:var(--text-muted);font-size:11px}.input-row.toggle-row,.toggle-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.toggle-row>div{flex:1}.toggle-row>div label{display:block}.role-matrix-table{margin-top:8px}.rm-header,.rm-row{grid-template-columns:200px repeat(4,1fr);align-items:center;gap:0;display:grid}.rm-header{background:var(--bg-wash);border-radius:var(--radius-md) var(--radius-md) 0 0}.rm-cell{color:var(--text-main);border-bottom:1px solid var(--border-light);padding:10px 14px;font-size:13px}.rm-cell.center{text-align:center}.rm-header .rm-cell{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.rm-row:hover .rm-cell{background:var(--bg-surface-hover)}.secrets-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.secret-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;transition:all .15s}.secret-card:hover{box-shadow:var(--shadow-sm)}.secret-card.healthy{border-left:3px solid var(--success)}.secret-card.warning{border-left:3px solid var(--warning)}.secret-card.pending{border-left:3px solid var(--text-muted)}.sc-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sc-header h4{flex:1;font-size:14px;font-weight:600}.health-tag{border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:600}.health-tag.healthy{background:var(--success-light);color:var(--success-dark)}.health-tag.warning,.health-tag.warn{background:var(--warning-light);color:var(--warning-dark)}.health-tag.pending{background:var(--bg-wash);color:var(--text-muted)}.sc-token{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.sc-token strong{color:var(--text-main);font-family:var(--font-mono);font-size:12px}.sc-meta{color:var(--text-muted);margin-bottom:12px;font-size:12px}.file-upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-wash);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px;transition:all .15s;display:flex}.file-upload-zone:hover{border-color:var(--primary);background:var(--primary-50)}.file-upload-zone span{color:var(--text-secondary);font-size:13px}.color-picker-row{align-items:center;gap:10px;display:flex}.color-swatch{border-radius:var(--radius-sm);border:2px solid var(--border-color);width:32px;height:32px}.health-endpoint-row{border-bottom:1px solid var(--border-light);grid-template-columns:160px 1fr auto 60px;align-items:center;gap:12px;padding:10px 0;display:grid}.health-endpoint-row:last-child{border-bottom:none}.he-name{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.he-url{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.he-latency{color:var(--success);text-align:right;font-size:12px;font-weight:600}