:root{--color-primary:#1e3a5f;--color-primary-light:#2c5282;--color-primary-dark:#152a45;--color-secondary:#f7931e;--color-secondary-light:#f9a840;--color-secondary-dark:#d97c0e;--color-accent:#2ecc71;--color-danger:#e74c3c;--color-warning:#f39c12;--color-info:#3498db;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--transition-fast:150ms ease;--transition-normal:250ms ease;--sidebar-width:280px;--header-height:64px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-800);background:var(--color-gray-100)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:white;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width .3s ease,left .3s ease}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.1);border:0;border-radius:8px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,0.7)}.sidebar-toggle:hover{background:rgba(255,255,255,0.2);color:white}.sidebar-toggle .toggle-icon-expand{display:none}.sidebar-toggle .toggle-icon-collapse{display:block}.sidebar.collapsed{width:70px}.sidebar.collapsed .toggle-icon-expand{display:block}.sidebar.collapsed .toggle-icon-collapse{display:none}.sidebar-logo-expanded{display:flex !important}.sidebar-logo-collapsed{display:none !important}.sidebar.collapsed .sidebar-logo-expanded{display:none !important}.sidebar.collapsed .sidebar-logo-collapsed{display:flex !important;justify-content:center;align-items:center}.sidebar-favicon-img{width:32px;height:32px;object-fit:contain}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-logo-img+span,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-link-text,.sidebar.collapsed .nav-link-arrow,.sidebar.collapsed .nav-link-badge,.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar.collapsed .sidebar-logo-img{height:28px}.sidebar.collapsed .sidebar-header{padding:var(--spacing-3);justify-content:center;flex-direction:column;gap:8px}.sidebar.collapsed .sidebar-toggle{width:100%;height:28px}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--spacing-3) var(--spacing-2)}.sidebar.collapsed .nav-link-icon{margin:0}.sidebar.collapsed .nav-submenu{max-height:0 !important}.sidebar.collapsed .sidebar-footer{padding:var(--spacing-3)}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .sidebar-user-avatar{width:36px;height:36px}.sidebar.collapsed .nav-link{position:relative}.sidebar.collapsed .nav-link::after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;padding:6px 12px;background:var(--color-gray-800);color:white;font-size:13px;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:all .2s;z-index:1000;pointer-events:none}.sidebar.collapsed .nav-link:hover::after{opacity:1;visibility:visible}.app-layout.sidebar-collapsed .main-content{margin-left:70px}@media(max-width:1024px){.sidebar-toggle{display:none !important}}@media(max-width:1024px){.sidebar{left:-280px}.sidebar.open{left:0}.sidebar-close{display:flex !important}.main-content{margin-left:0 !important}.mobile-menu-btn{display:flex !important}.header-logo-mobile{display:flex !important}.header-search{display:none !important}html,body,.app-layout,.page-content{max-width:100vw;overflow-x:hidden}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;display:none}.sidebar-overlay.open{display:block}.sidebar-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-3);font-size:1.25rem;font-weight:700}.sidebar-logo-icon{width:36px;height:36px;background:var(--color-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px}.sidebar-logo-img{height:36px;width:auto;object-fit:contain}.sidebar-close{display:none;background:0;border:0;color:white;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md)}.sidebar-close:hover{background:rgba(255,255,255,0.1)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-3) 0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px}.nav-section{margin-bottom:var(--spacing-2)}.nav-section-title{padding:var(--spacing-3) var(--spacing-5) var(--spacing-2);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,0.4);font-weight:600}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);color:rgba(255,255,255,0.7);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast);border-left:3px solid transparent;cursor:pointer}.nav-link:hover{background:rgba(255,255,255,0.08);color:white}.nav-link.active{background:rgba(255,255,255,0.12);color:white;border-left-color:var(--color-secondary)}.nav-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.8;flex-shrink:0}.nav-link-icon svg{width:18px;height:18px}.nav-link-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link-badge{padding:2px 8px;font-size:.65rem;font-weight:600;border-radius:10px;background:var(--color-secondary);color:white}.nav-link-badge.trial{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%)}.nav-link-badge.pro{background:linear-gradient(135deg,#9b59b6 0,#a569bd 100%);font-size:.6rem}.nav-link-arrow{width:18px;height:18px;transition:transform var(--transition-fast);opacity:.5}.nav-item.open>.nav-link .nav-link-arrow{transform:rotate(90deg)}.nav-link.locked{opacity:.5}.nav-link-lock{font-size:.7rem;opacity:.6}.nav-submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;background:rgba(0,0,0,0.15)}.nav-item.open>.nav-submenu{max-height:1000px}.nav-submenu .nav-link{padding-left:calc(var(--spacing-5) + 32px);font-size:.85rem;border-left:0}.nav-submenu .nav-link::before{content:'';width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);margin-right:var(--spacing-3);flex-shrink:0;transition:all var(--transition-fast)}.nav-submenu .nav-link:hover::before,.nav-submenu .nav-link.active::before{background:var(--color-secondary)}.nav-submenu .nav-submenu{background:rgba(0,0,0,0.1)}.nav-submenu .nav-submenu .nav-link{padding-left:calc(var(--spacing-5) + 52px);font-size:.8rem}.nav-submenu .nav-submenu .nav-link::before{width:4px;height:4px}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.1)}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-3)}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;overflow:hidden;flex-shrink:0}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.75rem;color:rgba(255,255,255,0.5)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{height:var(--header-height);background:white;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:var(--spacing-4)}.header-search{position:relative}.header-search input{width:300px;padding:var(--spacing-2) var(--spacing-4);padding-left:40px;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-gray-50);transition:all var(--transition-fast)}.header-search input:focus{outline:0;border-color:var(--color-primary);background:white;box-shadow:0 0 0 3px rgba(30,58,95,0.1)}.header-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-gray-400)}.header-right{display:flex;align-items:center;gap:var(--spacing-3)}.header-icon-btn{width:40px;height:40px;border-radius:var(--radius-full);border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--transition-fast)}.header-icon-btn:hover{background:var(--color-gray-100)}.header-icon-btn svg{width:22px;height:22px;color:var(--color-gray-600)}.header-logo-mobile{display:none;align-items:center;gap:var(--spacing-2);font-weight:700;font-size:1.1rem;color:var(--color-primary)}.header-logo-img{height:28px;width:auto;object-fit:contain}.mobile-menu-btn{display:none;padding:var(--spacing-2);background:0;border:0;cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-btn svg{width:24px;height:24px;color:var(--color-gray-600)}.page-content{flex:1;padding:var(--spacing-6)}@media(max-width:768px){.sidebar{left:auto;right:0;transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.main-content{margin-left:0}.header-logo-mobile{display:flex}.header-search{display:none}.mobile-menu-btn{display:flex}.page-content{padding:var(--spacing-4)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99}.sidebar.open ~ .sidebar-overlay{display:block}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,#2c5282 100%);padding:var(--spacing-4)}.auth-card{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8);width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:var(--spacing-6)}.auth-logo-icon{width:64px;height:64px;background:var(--color-secondary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--spacing-4)}.auth-logo-img{max-height:64px;max-width:200px;object-fit:contain;margin:0 auto var(--spacing-4);display:block}.auth-logo h1{font-size:1.5rem;color:var(--color-primary);margin:0}.auth-title{text-align:center;margin-bottom:var(--spacing-6)}.auth-title h2{font-size:1.25rem;color:var(--color-gray-900);margin:0 0 var(--spacing-2)}.auth-title p{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0}.auth-footer{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-200)}.auth-footer p,.auth-footer a{font-size:var(--font-size-sm);color:var(--color-gray-500)}.form-remember{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.form-remember a{color:var(--color-primary)}.layout-topbar .main-content{margin-left:0 !important;max-width:none !important}.layout-topbar .page-content{max-width:none !important;margin-left:0 !important;margin-right:0 !important}:root{--color-primary:#1e3a5f;--color-primary-light:#2c5282;--color-primary-dark:#152a45;--color-secondary:#f7931e;--bg-primary:#eef2f7;--bg-secondary:#fff;--bg-tertiary:#eaeff8;--bg-card:#f0f4ff;--bg-hover:rgba(224,234,252,0.9);--bg-elevated:rgba(255,255,255,0.98);--border-subtle:rgba(191,210,246,0.6);--border-default:#cbd5e1;--border-hover:rgba(0,0,0,0.18);--border-strong:rgba(148,163,184,0.5);--text-primary:#0f172a;--text-secondary:#1e293b;--text-tertiary:#334155;--text-muted:#475569;--accent-primary:#2563eb;--accent-primary-soft:rgba(37,99,235,0.12);--accent-success:#059669;--accent-success-soft:rgba(5,150,105,0.08);--accent-warning:#d97706;--accent-warning-soft:rgba(217,119,6,0.08);--accent-danger:#dc2626;--accent-danger-soft:rgba(220,38,38,0.06);--accent-purple:#7c3aed;--accent-purple-soft:rgba(124,58,237,0.08);--color-green:#059669;--color-green-soft:rgba(5,150,105,0.08);--color-blue:#2563eb;--color-blue-soft:rgba(37,99,235,0.08);--color-orange:#d97706;--color-orange-soft:rgba(217,119,6,0.08);--color-red:#dc2626;--color-red-soft:rgba(220,38,38,0.06);--color-purple:#7c3aed;--color-purple-soft:rgba(124,58,237,0.08);--color-teal:#0d9488;--color-teal-soft:rgba(13,148,136,0.08);--color-cyan:#0891b2;--color-cyan-soft:rgba(8,145,178,0.08);--color-pink:#db2777;--color-pink-soft:rgba(219,39,119,0.08);--color-yellow:#ca8a04;--color-yellow-soft:rgba(202,138,4,0.08);--color-neutral:#64748b;--color-neutral-soft:rgba(100,116,139,0.08);--gradient-shine:linear-gradient(135deg,rgba(255,255,255,0.95) 0,rgba(255,255,255,0) 50%);--gradient-card:linear-gradient(180deg,#f0f4ff 0,#edf2fe 100%);--gradient-featured:linear-gradient(135deg,rgba(37,99,235,0.05) 0,rgba(124,58,237,0.04) 100%);--shadow-sm:0 1px 2px rgba(0,0,0,0.03);--shadow:0 1px 4px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 16px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.03);--shadow-lg:0 8px 32px rgba(0,0,0,0.08);--shadow-glow-blue:0 0 40px rgba(37,99,235,0.15);--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-bounce:300ms cubic-bezier(0.4,0,0.2,1)}.stat-icon>svg,.page-icon>svg,.entity-avatar>svg,.kpi-icon>svg,.kpi-compact-icon>svg{display:block;flex-shrink:0}.alert-icon>svg,.btn>svg,.btn-action>svg,.modal-close>svg,.empty-state-icon>svg,.quick-action-icon>svg,.activity-icon>svg,.file-upload-icon>svg,.file-item-icon>svg,.file-item-remove>svg{display:inline-block;flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-title-section{display:flex;flex-direction:column;gap:4px}.page-title{font-size:24px;font-weight:600;color:var(--text-primary);line-height:1.3;margin:0}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.page-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,var(--accent-primary-soft) 0,var(--bg-tertiary) 100%);border-left:3px solid var(--accent-primary)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0}.card-title svg{width:20px;height:20px;color:var(--accent-primary)}.card-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.card-body{padding:24px}.card-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.card-link{font-size:13px;color:var(--accent-primary);text-decoration:none;font-weight:500}.card-link:hover{text-decoration:underline}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stats-grid.cols-3{grid-template-columns:repeat(3,1fr)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--gradient-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:24px;border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:all var(--transition-bounce);box-shadow:var(--shadow);text-decoration:none;color:inherit;display:block}.stat-card::before{content:'';position:absolute;inset:0;background:var(--gradient-shine);opacity:.5;pointer-events:none}.stat-card:hover{border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card.featured,.stat-card.active{background:var(--gradient-featured);border-color:rgba(59,130,246,0.25)}.stat-card.featured:hover,.stat-card.active:hover{box-shadow:var(--shadow-glow-blue)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.stat-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.stat-icon::before{content:'';position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.12}.stat-icon svg{width:22px;height:22px;max-width:22px;max-height:22px;position:relative;flex-shrink:0}.stat-icon.blue{color:var(--color-blue)}.stat-icon.green{color:var(--color-green)}.stat-icon.orange{color:var(--color-orange)}.stat-icon.purple{color:var(--color-purple)}.stat-icon.red{color:var(--color-red)}.stat-icon.teal{color:var(--color-teal)}.stat-icon.cyan{color:var(--color-cyan)}.stat-icon.indigo{color:#6366f1}.stat-content{position:relative}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.stat-trend.up{color:var(--color-green);background:var(--color-green-soft)}.stat-trend.down{color:var(--color-red);background:var(--color-red-soft)}.stat-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.stat-change{font-size:12px}.stat-change.positive{color:var(--color-green)}.stat-change.negative{color:var(--color-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;font-family:inherit;border-radius:var(--radius-lg);border:1.5px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--color-primary);color:white;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-default)}.btn-outline:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--accent-success);color:white;border-color:var(--accent-success)}.btn-success:hover{background:#0d9668}.btn-danger{background:var(--accent-danger);color:white;border-color:var(--accent-danger)}.btn-danger:hover{background:#dc2626}.btn-warning{background:var(--accent-warning);color:white;border-color:var(--accent-warning)}.btn-glow{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-purple) 100%);color:white;border:0}.btn-glow:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.btn-export{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default);padding:8px 16px;font-size:13px}.btn-export:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{padding:10px}.btn-block{width:100%}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.form-section-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-primary-soft);color:var(--accent-primary)}.form-section-icon svg{width:18px;height:18px}.form-section-icon.blue{background:linear-gradient(135deg,#3b82f6 0,#1d4ed8 100%);color:white}.form-section-icon.green{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:white}.form-section-icon.orange{background:linear-gradient(135deg,#f97316 0,#ea580c 100%);color:white}.form-section-icon.purple{background:linear-gradient(135deg,#8b5cf6 0,#7c3aed 100%);color:white}.form-section-icon.teal{background:linear-gradient(135deg,#14b8a6 0,#0d9488 100%);color:white}.form-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.form-section-title h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.form-section-title p{margin:0;font-size:13px;color:var(--text-muted)}.form-section-body{display:flex;flex-direction:column;gap:20px}.card-header.colored{justify-content:flex-start;gap:12px}.form-section>.card-header.colored{padding:0 0 12px 0;margin-bottom:20px;background:0;border-bottom:1px solid var(--border-subtle)}.form-section>.card-body{padding:0;display:flex;flex-direction:column;gap:20px}.form-group.col-span-full{grid-column:1 / -1}.form-group.col-span-2{grid-column:span 2}.form-grid{display:grid;gap:20px}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-field.col-span-full{grid-column:1 / -1}.form-field.col-span-2{grid-column:span 2}.form-row{display:flex;gap:20px}.form-row>*{flex:1}.form-row:last-child{margin-bottom:0}.form-row .form-group{flex:1}.form-field,.form-group{display:flex;flex-direction:column;gap:8px}.form-group:last-child{margin-bottom:0}.field-label,.form-label{font-size:13px;font-weight:500;color:var(--text-primary)}.field-label .required,.form-label .required{color:var(--accent-danger);margin-left:2px}.field-label .optional{color:var(--text-muted);font-weight:400;margin-left:4px}.form-input,.form-control,.form-textarea{width:100%;height:48px;padding:0 16px;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:15px;font-family:inherit;color:var(--text-primary);transition:all .2s}.form-textarea{height:auto;padding:14px 16px}.form-input::placeholder,.form-control::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-control:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-control:focus,.form-textarea:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.form-input:disabled,.form-control:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-control.error,.form-input.error,.form-textarea.error{border-color:var(--color-red);box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.form-error{font-size:12px;color:var(--color-red);margin-top:4px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}textarea.form-control{height:auto;padding:14px 16px;resize:vertical;min-height:100px;line-height:1.6}input[type="month"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8);cursor:pointer;opacity:.7;transition:opacity .2s}input[type="month"]::-webkit-calendar-picker-indicator:hover,input[type="date"]::-webkit-calendar-picker-indicator:hover,input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{opacity:1}select.form-control,select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'fill='none'viewBox='002020'%3e%3cpathstroke='%236b7280'stroke-linecap='round'stroke-linejoin='round'stroke-width='1.5'd='M68l444-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-label.required::after,.field-label.required::after{content:'*';color:var(--color-red);margin-left:4px}.field-hint,.form-text,.field-help,.form-help{font-size:12px;color:var(--text-muted);margin-top:4px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon svg{width:18px;height:18px}.input-wrapper .form-input,.input-wrapper .form-control{padding-left:44px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-subtle);margin-top:24px}.input-group{display:flex;align-items:stretch}.input-group .form-input,.input-group .form-control{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.input-group-text{height:48px;padding:0 16px;background:var(--bg-tertiary);border:1.5px solid var(--border-default);border-left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:14px;color:var(--text-secondary);font-weight:500;white-space:nowrap;display:flex;align-items:center}.input-group-prepend .input-group-text{border-right:0;border-left:1.5px solid var(--border-default);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.input-group-prepend .form-input,.input-group-prepend .form-control{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-left:0}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;width:100% !important}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:0;font-size:1em;cursor:pointer;float:right;font-weight:bold;margin-right:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none;position:relative}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:0;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:inherit;overflow:hidden;word-break:keep-all;background:transparent;outline:0;box-shadow:none}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-dropdown{box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:4px;overflow:hidden;z-index:1051}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.select2-results__option{user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-container--default .select2-selection--single{height:48px;padding:0 16px;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;transition:all .2s}.select2-container--default .select2-selection--single:hover{border-color:var(--border-strong)}.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft);background:var(--bg-secondary)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-primary);font-size:15px;line-height:48px;padding-left:0;padding-right:30px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--text-muted)}.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px;position:absolute;top:0;right:14px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--text-muted) transparent transparent transparent;border-style:solid;border-width:6px 5px 0 5px;height:0;left:50%;margin-left:-5px;margin-top:-3px;position:absolute;top:50%;width:0}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent var(--text-muted) transparent;border-width:0 5px 6px 5px}.select2-container--default.select2-container--disabled .select2-selection--single{background:var(--bg-tertiary);cursor:default;opacity:.7}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown{padding:12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.select2-container--default .select2-search--dropdown .select2-search__field{width:100%;height:44px;padding:0 14px 0 44px;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;font-family:inherit;color:var(--text-primary);outline:0;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='18'height='18'viewBox='002424'fill='none'stroke='%2394a3b8'stroke-width='2'%3E%3Ccirclecx='11'cy='11'r='8'/%3E%3Clinex1='21'y1='21'x2='16.65'y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:0;outline:0;box-shadow:none}.select2-container--default .select2-results__option{padding:12px 16px;font-size:14px;color:var(--text-primary);transition:background .15s}.select2-container--default .select2-results__option--disabled{color:var(--text-muted);cursor:default}.select2-container--default .select2-results__option--selected,.select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background:var(--accent-primary-soft) !important;color:var(--accent-primary) !important;font-weight:500}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-container--default .select2-results__option--highlighted,.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--accent-primary) !important;color:white !important}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__group{cursor:default;display:block;padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.select2-container--default .select2-selection--multiple{min-height:48px;padding:6px 12px;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft);outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background:var(--bg-tertiary);cursor:default;opacity:.7}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--accent-primary-soft);border:1px solid rgba(59,130,246,0.2);border-radius:var(--radius);color:var(--accent-primary);font-size:13px;padding:4px 8px;padding-left:22px;margin:0;display:inline-block;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;box-sizing:border-box}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:0;color:var(--accent-primary);cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--accent-danger);outline:0}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-input{display:none}.toggle-slider{width:48px;height:26px;background:var(--border-default);border-radius:var(--radius-full);position:relative;transition:all .2s}.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;background:white;border-radius:50%;top:3px;left:3px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.toggle-input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-input:checked+.toggle-slider::before{transform:translateX(22px)}.toggle-label{font-size:14px;color:var(--text-primary)}.checkbox-wrapper,.form-check{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-input,.form-check-input{display:none}.checkbox-mark{width:22px;height:22px;border:2px solid var(--border-default);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox-input:checked+.checkbox-mark,.form-check-input:checked+.checkbox-mark{background:var(--accent-primary);border-color:var(--accent-primary)}.checkbox-mark svg{width:14px;height:14px;color:white;opacity:0;transition:opacity .15s}.checkbox-input:checked+.checkbox-mark svg,.form-check-input:checked+.checkbox-mark svg{opacity:1}.checkbox-text,.form-check-label{font-size:14px;color:var(--text-primary)}.table-responsive{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.table-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.table-info{font-size:13px;color:var(--text-muted)}.table-container{overflow-x:auto;border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);text-align:left;padding:12px 16px;border-bottom:2px solid var(--border-subtle);white-space:nowrap;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.table td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.table tbody tr{transition:background .15s;position:relative}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent-primary)}.table tbody tr:last-child td{border-bottom:0}.table-customer{display:flex;align-items:center;gap:12px}.table-customer-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.table-customer-name{font-weight:500;color:var(--text-primary)}.table-customer-email{font-size:12px;color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{padding:14px 20px;text-align:left;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-muted);font-size:13px}.data-table tbody tr{background:var(--bg-secondary);transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent-primary)}.data-table tbody tr:last-child td{border-bottom:0}.tr-clickable,tr.clickable,tr[data-href]{cursor:pointer;-webkit-tap-highlight-color:rgba(59,130,246,0.08)}.tr-clickable:hover,tr.clickable:hover,tr[data-href]:hover{background:var(--bg-hover) !important}.tr-clickable:active,tr.clickable:active,tr[data-href]:active{background:var(--bg-tertiary) !important}.tr-clickable td:first-child,tr.clickable td:first-child,tr[data-href] td:first-child{position:relative}.tr-clickable:hover td:first-child,tr.clickable:hover td:first-child,tr[data-href]:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent-primary)}.cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:200px}.cell-truncate-sm{max-width:120px}.cell-truncate-lg{max-width:280px}.table-scroll-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.table-scroll-wrapper>.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-wrapper::after{content:'';position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.table-scroll-wrapper.has-scroll::after{opacity:1}.table-scroll-wrapper.scrolled-end::after{opacity:0}.table-card>.table-responsive,.table-card>.table-scroll-wrapper{border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.table-card>.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.entity-cell{display:flex;align-items:center;gap:12px}.entity-avatar{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);background:var(--accent-primary-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.entity-avatar svg{width:18px;height:18px;max-width:18px;max-height:18px;flex-shrink:0}.entity-name{font-weight:500;color:var(--text-primary)}.entity-meta{.entity-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .15s;cursor:pointer}.entity-link:visited{color:var(--text-primary)}.entity-link:hover{color:var(--accent-primary,#3b82f6);text-decoration:none}.text-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .15s}.text-link:visited{color:var(--text-primary)}.text-link:hover{color:var(--accent-primary,#3b82f6);text-decoration:none}font-size:12px;color:var(--text-muted)}.cell-muted{color:var(--text-muted);font-size:13px}.whatsapp-link{display:inline-flex;align-items:center;gap:6px;color:#25d366;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s}.whatsapp-link:hover{color:#128c7e}.whatsapp-link svg{flex-shrink:0}.actions-group{display:flex;align-items:center;gap:4px}.action-btn{width:34px;height:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.view:hover{color:var(--color-blue)}.action-btn.edit:hover{color:var(--color-orange)}.action-btn.delete:hover{color:var(--color-red)}.action-btn.whatsapp:hover{color:var(--color-green)}.action-btn.more:hover{color:var(--text-primary)}.action-btn svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge.success,.badge.active,.badge-success,.badge-ativo{background:var(--color-green-soft);color:var(--color-green)}.badge.warning,.badge.pending,.badge-warning,.badge-pendente,.badge-aguardando{background:var(--color-orange-soft);color:var(--color-orange)}.badge.danger,.badge.canceled,.badge.inactive,.badge-danger,.badge-cancelado,.badge-inativo{background:var(--color-red-soft);color:var(--color-red)}.badge.info,.badge.processing,.badge-info{background:var(--color-blue-soft);color:var(--color-blue)}.badge.purple,.badge.premium,.badge-purple{background:var(--color-purple-soft);color:var(--color-purple)}.badge.neutral,.badge-neutral,.badge-default,.badge-secondary{background:var(--color-neutral-soft);color:var(--color-neutral)}.badge.teal{background:var(--color-teal-soft);color:var(--color-teal)}.badge.pink{background:var(--color-pink-soft);color:var(--color-pink)}.badge-pago{background:var(--color-green-soft);color:var(--color-green)}.badge-parcial{background:var(--color-blue-soft);color:var(--color-blue)}.badge-atrasado{background:var(--color-red-soft);color:var(--color-red)}.badge-bloqueado{background:var(--color-red-soft);color:var(--color-red)}.badge-expirado{background:var(--color-neutral-soft);color:var(--color-neutral)}.badge-os-aberta{background:var(--color-blue-soft);color:var(--color-blue)}.badge-os-andamento{background:var(--color-orange-soft);color:var(--color-orange)}.badge-os-concluida{background:var(--color-green-soft);color:var(--color-green)}.badge-os-cancelada{background:var(--color-red-soft);color:var(--color-red)}.badge-prioridade-alta{background:var(--color-red-soft);color:var(--color-red)}.badge-prioridade-media{background:var(--color-orange-soft);color:var(--color-orange)}.badge-prioridade-baixa{background:var(--color-green-soft);color:var(--color-green)}.badge-free{background:var(--color-neutral-soft);color:var(--color-neutral)}.badge-link{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4;color:var(--accent-primary,#3b82f6);background:var(--color-blue-soft,rgba(59,130,246,0.1));border-radius:var(--radius-full,999px);text-decoration:none;transition:all .15s;white-space:nowrap}.badge-link:visited{color:var(--accent-primary,#3b82f6)}.badge-link:hover{background:var(--accent-primary,#3b82f6);color:#fff;text-decoration:none}.badge-pro{background:var(--color-blue-soft);color:var(--color-blue)}.badge-enterprise{background:var(--color-purple-soft);color:var(--color-purple)}.badge-trial{background:var(--color-orange-soft);color:var(--color-orange)}.badge-outline-success{background:transparent;color:var(--color-green);border:1px solid var(--color-green)}.badge-outline-warning{background:transparent;color:var(--color-orange);border:1px solid var(--color-orange)}.badge-outline-danger{background:transparent;color:var(--color-red);border:1px solid var(--color-red)}.badge-outline-info{background:transparent;color:var(--color-blue);border:1px solid var(--color-blue)}.badge-sm{padding:2px 6px;font-size:10px}.badge-lg{padding:6px 14px;font-size:13px}.badge-primary{background:var(--color-blue-soft);color:var(--color-blue);border:1px solid rgba(59,130,246,0.2)}.badge svg,.badge img{width:12px;height:12px}.badge-lg svg,.badge-lg img{width:16px;height:16px}.badge-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.badge-dot::before{content:'';width:8px;height:8px;border-radius:50%}.badge-dot.green::before{background:var(--color-green)}.badge-dot.blue::before{background:var(--color-blue)}.badge-dot.orange::before{background:var(--color-orange)}.badge-dot.red::before{background:var(--color-red)}.badge-dot.purple::before{background:var(--color-purple)}.badge-dot.teal::before{background:var(--color-teal)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.status-badge.pf{background:var(--color-blue-soft);color:var(--color-blue)}.status-badge.pj{background:var(--color-purple-soft);color:var(--color-purple)}.status-badge.prospect{background:var(--color-orange-soft);color:var(--color-orange)}.status-badge.inactive{background:var(--color-neutral-soft);color:var(--color-neutral)}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid transparent}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:4px}.alert-desc{font-size:13px;opacity:.9}.alert.success,.alert-success{background:var(--color-green-soft);border-color:rgba(16,185,129,0.2);color:#065f46}.alert.warning,.alert-warning{background:var(--color-orange-soft);border-color:rgba(249,115,22,0.2);color:#9a3412}.alert.danger,.alert-danger{background:var(--color-red-soft);border-color:rgba(239,68,68,0.2);color:#991b1b}.alert.info,.alert-info{background:var(--color-blue-soft);border-color:rgba(59,130,246,0.2);color:#1e40af}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.tabs-container,.tabs{display:flex;gap:4px;padding:5px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.tab-item,.tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.tab-item svg,.tab svg{color:var(--text-muted);transition:color var(--transition-fast)}.tab-item:hover,.tab:hover{color:var(--text-primary);background:rgba(255,255,255,0.6)}.tab-item.active,.tab.active{color:var(--accent-primary);font-weight:600;background:white;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 0 0 1px rgba(59,130,246,0.15)}.tab-item.active svg,.tab.active svg{color:var(--accent-primary)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-left:8px}.tab-item.active .tab-count,.tab.active .tab-count{background:var(--accent-primary-soft);color:var(--accent-primary)}.filters-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.filters-form,.filter-bar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px;flex:1}.filter-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.filter-select{padding:12px 36px 12px 14px;font-size:14px;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary) url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='16'height='16'fill='none'stroke='%2364748b'viewBox='002424'%3E%3Cpathstroke-linecap='round'stroke-linejoin='round'stroke-width='2'd='M199l-77-7-7'/%3E%3C/svg%3E") right 12px center no-repeat;font-family:inherit;color:var(--text-primary);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;height:46px}.filter-select:hover{border-color:var(--border-hover,#94a3b8)}.filter-select:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.filter-group-sm{min-width:160px;max-width:200px;flex:0 0 auto}.filter-actions{display:flex;gap:8px;align-items:flex-end}.filter-actions .btn{height:48px}.filters-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters-bar .search-box{flex:1;min-width:200px}.filters-bar .form-control{margin-bottom:0}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-subtle)}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-wrapper{display:flex;align-items:center;gap:4px}.page-btn,.pagination-btn,.pagination-item{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-decoration:none}.page-btn:hover,.pagination-btn:hover,.pagination-item:hover{background:var(--bg-hover);color:var(--text-primary)}.page-btn.active,.pagination-btn.active,.pagination-item.active{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.page-btn:disabled,.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn svg,.pagination-btn svg{width:16px;height:16px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.modal-backdrop.active,.modal-backdrop.show{opacity:1;visibility:visible}body:has(.modal-backdrop.active),body:has(.modal-backdrop.show){overflow:hidden}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(0.95);transition:transform .3s}.modal-backdrop.active .modal,.modal-backdrop.show .modal{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal.modal-sm{max-width:420px}.modal.modal-lg{max-width:720px}.modal.modal-xl{max-width:900px}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px}.empty-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--text-muted)}.empty-icon svg{width:36px;height:36px}.empty-state h3,.empty-message{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;max-width:400px;line-height:1.6}.empty-state-sm{text-align:center;padding:32px;color:var(--text-muted)}.empty-state-sm p{margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.info-row:last-child{border-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-item{display:flex;align-items:flex-start;gap:12px}.detail-row{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:0}.detail-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.detail-icon.green{background:var(--color-green-soft);color:var(--color-green)}.detail-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.detail-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.detail-icon.red{background:var(--color-red-soft);color:var(--color-red)}.detail-icon.teal{background:var(--color-teal-soft);color:var(--color-teal)}.detail-icon svg{width:20px;height:20px}.detail-content{display:flex;flex-direction:column}.detail-label{font-size:12px;color:var(--text-muted);margin-bottom:2px}.detail-value{font-size:15px;font-weight:600;color:var(--text-primary)}.summary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.summary-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.summary-label{font-size:14px;color:var(--text-secondary)}.summary-value{font-size:14px;font-weight:600;color:var(--text-primary)}.summary-value.highlight{color:var(--accent-primary);font-size:18px}.summary-value.success{color:var(--color-green)}.summary-value.danger{color:var(--color-red)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.kpi-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kpi-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.kpi-icon.green{background:var(--color-green-soft);color:var(--color-green)}.kpi-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.kpi-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.kpi-icon.teal{background:var(--color-teal-soft);color:var(--color-teal)}.kpi-icon svg{width:20px;height:20px}.kpi-badge,.kpi-trend{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-full)}.kpi-badge{background:var(--color-green-soft);color:var(--color-green)}.kpi-badge.down,.kpi-trend.down{background:var(--color-red-soft);color:var(--color-red)}.kpi-badge.up,.kpi-trend.up{background:var(--color-green-soft);color:var(--color-green)}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.kpi-label{font-size:13px;color:var(--text-secondary)}.kpi-detail{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-fill.blue{background:var(--color-blue)}.progress-fill.green{background:var(--color-green)}.progress-fill.orange{background:var(--color-orange)}.progress-fill.red{background:var(--color-red)}.progress-fill.purple{background:var(--color-purple)}.progress-fill.teal{background:var(--color-teal)}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{font-size:14px;font-weight:500;color:var(--text-primary)}.progress-percent{font-size:14px;color:var(--text-muted)}.avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-primary-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.md{width:40px;height:40px;font-size:14px}.avatar.lg{width:56px;height:56px;font-size:20px}.avatar.xl{width:80px;height:80px;font-size:28px;border-radius:var(--radius-lg)}.avatar.rounded{border-radius:var(--radius-full)}.profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}.profile-header{display:flex;align-items:center;gap:20px;padding:24px;background:var(--gradient-featured);border-bottom:1px solid var(--border-subtle)}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-lg);background:var(--accent-primary-soft);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0}.profile-info{flex:1}.profile-info h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 4px 0}.profile-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.profile-details{padding:24px}.contact-list{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.contact-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted)}.contact-icon svg{width:18px;height:18px}.contact-info{flex:1}.contact-info .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-link{font-size:14px;color:var(--text-primary);text-decoration:none;font-weight:500;display:block}.contact-link:hover{color:var(--accent-primary)}.contact-action{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.contact-action:hover{background:var(--bg-hover);color:var(--accent-primary)}.address-content{display:flex;flex-direction:column;gap:4px}.address-line{font-size:14px;color:var(--text-primary);line-height:1.5}.address-line.muted{color:var(--text-muted);font-size:13px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:0}.activity-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.activity-icon.green{background:var(--color-green-soft);color:var(--color-green)}.activity-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.activity-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.activity-icon.red{background:var(--color-red-soft);color:var(--color-red)}.activity-icon svg{width:16px;height:16px}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.activity-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.activity-text strong{color:var(--text-primary)}.activity-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.activity-time{font-size:12px;color:var(--text-muted);white-space:nowrap}.history-tabs{display:flex;gap:8px;margin-bottom:16px}.history-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.history-tab:hover{background:var(--bg-hover)}.history-tab.active{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.history-list{display:flex;flex-direction:column}.history-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.history-item:last-child{border-bottom:0}.history-content{flex:1}.notes-content{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-lg);font-size:14px;color:var(--text-secondary);line-height:1.6}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--accent-primary);min-width:320px;max-width:420px;animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{border-left-color:var(--color-green)}.toast.warning{border-left-color:var(--color-orange)}.toast.danger,.toast.error{border-left-color:var(--color-red)}.toast.info{border-left-color:var(--color-blue)}.toast-content{flex:1}.toast-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:13px;color:var(--text-secondary)}.toast svg{width:20px;height:20px;flex-shrink:0}@keyframes fadeOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification-dot{width:8px;height:8px;background:var(--color-red);border-radius:50%;position:absolute;top:-2px;right:-2px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-bounce);text-decoration:none;color:inherit}.quick-action:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.quick-action-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.quick-action-icon.green{background:var(--color-green-soft);color:var(--color-green)}.quick-action-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.quick-action-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.quick-action-icon svg{width:24px;height:24px}.quick-action-label{font-size:13px;font-weight:500;color:var(--text-primary);text-align:center}.quick-btn{padding:8px 12px;font-size:12px}.search-wrapper{position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:14px;font-family:inherit;color:var(--text-primary);transition:all .2s}.search-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-icon svg{width:18px;height:18px}.search-box{position:relative}.search-box input{padding-left:40px}.view-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-btn svg{width:18px;height:18px}.view-all{font-size:13px;color:var(--accent-primary);text-decoration:none;font-weight:500}.view-all:hover{text-decoration:underline}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.dashboard-grid .col-span-full{grid-column:span 12}.dashboard-grid .col-span-2{grid-column:span 2}.dashboard-grid .col-span-3{grid-column:span 3}.dashboard-grid .col-span-4{grid-column:span 4}.dashboard-grid .col-span-6{grid-column:span 6}.dashboard-grid .col-span-8{grid-column:span 8}.customer-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.customer-main{display:flex;flex-direction:column;gap:20px}.customer-sidebar{display:flex;flex-direction:column;gap:20px}.spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:10}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;margin-top:4px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;z-index:100}.dropdown.active .dropdown-menu,.dropdown.show .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:14px;color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{width:18px;height:18px;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:8px 0}.source-item{display:flex;align-items:center;gap:8px}.source-dot{width:10px;height:10px;border-radius:50%}.source-dot.blue{background:var(--color-blue)}.source-dot.green{background:var(--color-green)}.source-dot.orange{background:var(--color-orange)}.source-dot.purple{background:var(--color-purple)}.source-dot.teal{background:var(--color-teal)}.source-dot.pink{background:var(--color-pink)}.source-name{font-size:13px;color:var(--text-secondary)}.source-count{font-size:13px;font-weight:600;color:var(--text-primary)}.operational-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.ops-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-lg)}.ops-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.ops-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.ops-icon.green{background:var(--color-green-soft);color:var(--color-green)}.ops-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.ops-icon.red{background:var(--color-red-soft);color:var(--color-red)}.ops-icon svg{width:20px;height:20px}.ops-info{flex:1}.ops-value{font-size:18px;font-weight:700;color:var(--text-primary)}.ops-label{font-size:12px;color:var(--text-muted)}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--accent-primary)}.breadcrumbs .separator{font-size:10px;color:var(--text-muted)}.breadcrumbs .current{color:var(--text-primary);font-weight:500}.timeline{position:relative;padding-left:28px}.timeline::before{content:'';position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border-subtle)}.timeline-item{position:relative;padding-bottom:24px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-default)}.timeline-dot.blue{border-color:var(--color-blue);background:var(--color-blue-soft)}.timeline-dot.green{border-color:var(--color-green);background:var(--color-green-soft)}.timeline-dot.orange{border-color:var(--color-orange);background:var(--color-orange-soft)}.timeline-dot.purple{border-color:var(--color-purple);background:var(--color-purple-soft)}.timeline-dot.red{border-color:var(--color-red);background:var(--color-red-soft)}.timeline-dot.teal{border-color:var(--color-teal);background:var(--color-teal-soft)}.timeline-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.timeline-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.timeline-time{font-size:12px;color:var(--text-muted);margin-top:4px}.stepper{display:flex;align-items:center}.step{display:flex;align-items:center;gap:10px}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;background:var(--bg-tertiary);color:var(--text-muted);border:2px solid var(--border-default);flex-shrink:0;transition:all .2s}.step-number svg{width:16px;height:16px}.step.active .step-number{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.step.completed .step-number{background:var(--color-green);color:white;border-color:var(--color-green)}.step-label{font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}.step.active .step-label{color:var(--text-primary)}.step.completed .step-label{color:var(--color-green)}.step-line{flex:1;height:2px;background:var(--border-default);margin:0 12px;min-width:40px}.step-line.completed{background:var(--color-green)}.btn-soft-blue{background:var(--color-blue-soft);color:var(--color-blue);border-color:transparent}.btn-soft-blue:hover{background:rgba(59,130,246,0.2)}.btn-soft-green{background:var(--color-green-soft);color:var(--color-green);border-color:transparent}.btn-soft-green:hover{background:rgba(16,185,129,0.2)}.btn-soft-orange{background:var(--color-orange-soft);color:var(--color-orange);border-color:transparent}.btn-soft-orange:hover{background:rgba(249,115,22,0.2)}.btn-soft-red{background:var(--color-red-soft);color:var(--color-red);border-color:transparent}.btn-soft-red:hover{background:rgba(239,68,68,0.2)}.btn-soft-purple{background:var(--color-purple-soft);color:var(--color-purple);border-color:transparent}.btn-soft-purple:hover{background:rgba(139,92,246,0.2)}.btn-soft-teal{background:var(--color-teal-soft);color:var(--color-teal);border-color:transparent}.btn-soft-teal:hover{background:rgba(20,184,166,0.2)}.btn.loading{pointer-events:none;opacity:.7;position:relative}.btn.loading .btn-text{opacity:0}.btn.loading::after{content:'';position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-secondary.loading::after,.btn-outline.loading::after,.btn-ghost.loading::after{border-color:rgba(0,0,0,0.1);border-top-color:var(--text-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge-dot.pulse::before{animation:dot-pulse 2s infinite}@keyframes dot-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.badge-dot.pulse.orange::before{animation:dot-pulse-orange 2s infinite}@keyframes dot-pulse-orange{0%{box-shadow:0 0 0 0 rgba(249,115,22,0.4)}70%{box-shadow:0 0 0 6px rgba(249,115,22,0)}100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}}.badge-dot.pulse.red::before{animation:dot-pulse-red 2s infinite}@keyframes dot-pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,0.4)}70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.badge-dot.pulse.blue::before{animation:dot-pulse-blue 2s infinite}@keyframes dot-pulse-blue{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.4)}70%{box-shadow:0 0 0 6px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;color:white;background:var(--color-red);border-radius:10px}.badge-count.blue{background:var(--color-blue)}.badge-count.green{background:var(--color-green)}.badge-count.orange{background:var(--color-orange)}.badge-count.purple{background:var(--color-purple)}.badge-count.lg{min-width:24px;height:24px;font-size:12px;border-radius:12px;padding:0 6px}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px;border:2px solid white}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{transform:translateY(-2px);z-index:1}.avatar.blue{background:var(--color-blue-soft);color:var(--color-blue)}.avatar.green{background:var(--color-green-soft);color:var(--color-green)}.avatar.orange{background:var(--color-orange-soft);color:var(--color-orange)}.avatar.purple{background:var(--color-purple-soft);color:var(--color-purple)}.avatar.teal{background:var(--color-teal-soft);color:var(--color-teal)}.avatar.pink{background:var(--color-pink-soft);color:var(--color-pink)}.avatar.cyan{background:var(--color-cyan-soft);color:var(--color-cyan)}.kpi-compact{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-bounce)}.kpi-compact:hover{box-shadow:var(--shadow)}.kpi-compact-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.kpi-compact-icon::before{content:'';position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:.12}.kpi-compact-icon svg{width:20px;height:20px;position:relative}.kpi-compact-icon.blue{color:var(--color-blue)}.kpi-compact-icon.green{color:var(--color-green)}.kpi-compact-icon.orange{color:var(--color-orange)}.kpi-compact-icon.purple{color:var(--color-purple)}.kpi-compact-icon.red{color:var(--color-red)}.kpi-compact-icon.teal{color:var(--color-teal)}.kpi-compact-info{flex:1}.kpi-compact-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-compact-label{font-size:12px;color:var(--text-muted)}.progress-fill.gradient{background:linear-gradient(90deg,var(--color-blue),var(--color-purple))}.progress-fill.gradient-green{background:linear-gradient(90deg,var(--color-teal),var(--color-green))}.progress-fill.gradient-warm{background:linear-gradient(90deg,var(--color-yellow),var(--color-orange))}.progress-fill.gradient-danger{background:linear-gradient(90deg,var(--color-orange),var(--color-red))}.page-header-content{display:flex;align-items:center;gap:16px;justify-content:flex-start;width:auto}.page-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.page-icon svg{width:24px;height:24px;max-width:24px;max-height:24px;flex-shrink:0}.page-icon.blue{background:var(--color-blue-soft);color:var(--color-blue)}.page-icon.green{background:var(--color-green-soft);color:var(--color-green)}.page-icon.orange{background:var(--color-orange-soft);color:var(--color-orange)}.page-icon.purple{background:var(--color-purple-soft);color:var(--color-purple)}.page-icon.teal{background:var(--color-teal-soft);color:var(--color-teal)}.page-icon.red{background:var(--color-red-soft);color:var(--color-red)}.page-icon.yellow{background:var(--color-yellow-soft);color:var(--color-yellow)}.data-table tbody tr.selected{background:var(--accent-primary-soft)}.data-table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent-primary)}.file-upload{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;border:2px dashed var(--border-default);border-radius:var(--radius-xl);background:var(--bg-tertiary);cursor:pointer;transition:all .2s}.file-upload:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.file-upload.dragover{border-color:var(--accent-primary);background:var(--accent-primary-soft);box-shadow:0 0 0 4px rgba(59,130,246,0.1)}.file-upload-icon{color:var(--text-muted)}.file-upload-icon svg{width:32px;height:32px}.file-upload-text{font-size:14px;color:var(--text-secondary);text-align:center}.file-upload-text strong{color:var(--accent-primary)}.file-upload-hint{font-size:12px;color:var(--text-muted)}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.file-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.file-item-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--color-blue-soft);color:var(--color-blue);flex-shrink:0}.file-item-icon svg{width:16px;height:16px}.file-item-info{flex:1}.file-item-name{font-size:13px;font-weight:500;color:var(--text-primary)}.file-item-size{font-size:11px;color:var(--text-muted)}.file-item-remove{width:28px;height:28px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.file-item-remove:hover{background:var(--color-red-soft);color:var(--color-red)}.file-item-remove svg{width:16px;height:16px}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-tertiary{color:var(--text-tertiary) !important}.text-muted{color:var(--text-muted) !important}.text-success{color:var(--color-green) !important}.text-danger{color:var(--color-red) !important}.text-warning{color:var(--color-orange) !important}.text-info{color:var(--color-blue) !important}.positive{color:#16a34a !important}.negative{color:#dc2626 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}.d-none,.hidden{display:none !important}.d-block{display:block !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-flex{display:flex !important}.d-grid{display:grid !important}.flex-1{flex:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-column{flex-direction:column !important}.align-start{align-items:flex-start !important}.align-center{align-items:center !important}.align-end{align-items:flex-end !important}.justify-start{justify-content:flex-start !important}.justify-center{justify-content:center !important}.justify-end{justify-content:flex-end !important}.justify-between{justify-content:space-between !important}.gap-1{gap:4px !important}.gap-2{gap:8px !important}.gap-3{gap:12px !important}.gap-4{gap:16px !important}.gap-5{gap:20px !important}.gap-6{gap:24px !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mt-2{margin-top:8px !important}.mt-3{margin-top:12px !important}.mt-4{margin-top:16px !important}.mt-5{margin-top:20px !important}.mt-6{margin-top:24px !important}.mb-0{margin-bottom:0 !important}.mb-2{margin-bottom:8px !important}.mb-3{margin-bottom:12px !important}.mb-4{margin-bottom:16px !important}.mb-5{margin-bottom:20px !important}.mb-6{margin-bottom:24px !important}.ml-2{margin-left:8px !important}.ml-3{margin-left:12px !important}.ml-4{margin-left:16px !important}.mr-2{margin-right:8px !important}.mr-3{margin-right:12px !important}.mr-4{margin-right:16px !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.ml-auto{margin-left:auto !important}.mr-auto{margin-right:auto !important}.p-0{padding:0 !important}.p-2{padding:8px !important}.p-3{padding:12px !important}.p-4{padding:16px !important}.p-5{padding:20px !important}.p-6{padding:24px !important}.pt-4{padding-top:16px !important}.pt-5{padding-top:20px !important}.pt-6{padding-top:24px !important}.pb-4{padding-bottom:16px !important}.pb-5{padding-bottom:20px !important}.pb-6{padding-bottom:24px !important}.w-full,.w-100{width:100% !important}.w-auto{width:auto !important}.max-w-sm{max-width:400px !important}.max-w-md{max-width:500px !important}.max-w-lg{max-width:600px !important}.border-0{border:none !important}.border-top{border-top:1px solid var(--border-subtle) !important}.border-bottom{border-bottom:1px solid var(--border-subtle) !important}.rounded{border-radius:var(--radius) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.rounded-full{border-radius:var(--radius-full) !important}.bg-primary{background:var(--bg-primary) !important}.bg-secondary{background:var(--bg-secondary) !important}.bg-tertiary{background:var(--bg-tertiary) !important}.cursor-pointer{cursor:pointer !important}.cursor-not-allowed{cursor:not-allowed !important}.overflow-hidden{overflow:hidden !important}.overflow-auto{overflow:auto !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}.align-middle{vertical-align:middle !important}.text-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;max-width:100%;display:block}.text-truncate-2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.show-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.show-main{display:flex;flex-direction:column;gap:24px;min-width:0}.show-sidebar{display:flex;flex-direction:column;gap:24px}.show-layout.sidebar-sm{grid-template-columns:1fr 320px}.show-layout.sidebar-lg{grid-template-columns:1fr 420px}.show-layout.sidebar-left{grid-template-columns:380px 1fr}.show-layout.sidebar-left>.show-sidebar{order:-1}.filter-bar-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-bar-search{flex:1;min-width:220px;position:relative}.filter-bar-search svg,.filter-bar-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;width:16px;height:16px}.filter-bar-search .form-input{padding-left:36px;width:100%}.filter-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-bar-actions select.form-input,.filter-bar-actions .form-input{min-width:150px;max-width:200px;cursor:pointer}.filter-bar-actions .btn{white-space:nowrap;flex-shrink:0}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.action-buttons .btn{justify-content:center}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-secondary);transition:all .2s;cursor:pointer;text-align:center}.action-button:hover{background:var(--bg-tertiary);border-color:var(--border-default);transform:translateY(-2px);color:var(--text-primary)}.action-button svg{width:24px;height:24px}.action-button span{font-size:12px;font-weight:500;line-height:1.3}.status-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent}.status-card.success,.status-card.online{border-left-color:var(--accent-success)}.status-card.danger,.status-card.error{border-left-color:var(--accent-danger)}.status-card.warning,.status-card.alerts{border-left-color:var(--accent-warning)}.status-card.info,.status-card.active{border-left-color:var(--accent-primary)}.status-card.neutral{border-left-color:var(--text-muted)}.status-card .status-icon{color:var(--text-tertiary)}.status-card.success .status-icon,.status-card.online .status-icon{color:var(--accent-success)}.status-card.danger .status-icon,.status-card.error .status-icon{color:var(--accent-danger)}.status-card.warning .status-icon,.status-card.alerts .status-icon{color:var(--accent-warning)}.status-card .status-info{display:flex;flex-direction:column}.status-card .status-count{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.status-card .status-label{font-size:13px;color:var(--text-secondary);margin-top:2px}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.status-dot.online,.status-dot.success{background:var(--accent-success)}.status-dot.away,.status-dot.warning{background:var(--accent-warning)}.status-dot.busy,.status-dot.danger{background:var(--accent-danger)}.status-dot.offline,.status-dot.neutral{background:var(--text-muted)}.status-dot.ring{box-shadow:0 0 0 2px var(--bg-card)}.status-dot.absolute{position:absolute;bottom:0;right:0;width:10px;height:10px;border:2px solid var(--bg-card)}.section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.section-title svg{width:22px;height:22px;color:var(--text-tertiary)}.section-title .section-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:20px;background:var(--accent-primary-soft);color:var(--accent-primary)}.section-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.chart-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.primary{background:var(--accent-primary)}.legend-dot.success{background:var(--accent-success)}.legend-dot.warning{background:var(--accent-warning)}.legend-dot.danger{background:var(--accent-danger)}.legend-dot.info{background:#06b6d4}.legend-dot.purple{background:#8b5cf6}.legend-dot.orange{background:#f97316}.legend-dot.neutral{background:var(--text-muted)}.form-select{width:100%;padding:0 36px 0 16px;background:var(--bg-secondary) url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='16'height='16'fill='none'stroke='%2364748b'viewBox='002424'%3E%3Cpathstroke-linecap='round'stroke-linejoin='round'stroke-width='2'd='M199l-77-7-7'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:15px;font-family:inherit;color:var(--text-primary);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;height:48px}.form-select:hover{border-color:var(--border-strong)}.form-select:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft)}.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.form-select.sm{height:36px;padding:6px 32px 6px 10px;font-size:13px}.card-section{padding:20px 0;border-bottom:1px solid var(--border-subtle)}.card-section:first-child{padding-top:0}.card-section:last-child{padding-bottom:0;border-bottom:0}.card-section-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-section-title svg{width:16px;height:16px;color:var(--text-muted)}.print-btn,.btn-print{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.print-btn:hover,.btn-print:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.print-btn svg,.btn-print svg{width:16px;height:16px}@media print{.no-print,.topbar,.sidebar,.page-header .page-actions,.print-btn,.btn-print,.filter-bar-inline,.filters-card{display:none !important}body{background:#fff !important;color:#000 !important;font-size:11pt !important}.page-content{padding:0 !important;margin:0 !important}.main-content{margin-left:0 !important}.card{box-shadow:none !important;border:1px solid #ddd !important;break-inside:avoid}.show-layout{grid-template-columns:1fr !important}a[href]::after{content:none !important}}.alert-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .15s}.alert-item:last-child{border-bottom:0}.alert-item:hover{background:var(--bg-tertiary)}.alert-item .alert-icon,.alert-item .severity-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.severity-dot.info,.severity-dot.primary{background:var(--accent-primary)}.severity-dot.warning{background:var(--accent-warning)}.severity-dot.danger,.severity-dot.critical{background:var(--accent-danger)}.severity-dot.success{background:var(--accent-success)}.alert-item-content{flex:1;min-width:0}.alert-item-title{font-size:14px;font-weight:500;color:var(--text-primary)}.alert-item-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-full{grid-column:1 / -1}.select2-container--default .select2-selection--single{background:var(--bg-input,var(--bg-secondary,#f8fafc));border:1px solid var(--border-default,#e2e8f0);color:var(--text-primary,#1e293b);border-radius:var(--radius-md,8px);height:42px;display:flex;align-items:center;transition:border-color .2s,box-shadow .2s}.select2-container--default .select2-selection--single:hover{border-color:var(--border-hover,var(--border-strong,#cbd5e1))}.select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,0.12)}.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text-primary,#1e293b);line-height:normal;padding-left:12px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--text-muted,#94a3b8)}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:8px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--text-muted,#94a3b8) transparent transparent transparent}.select2-dropdown{background:var(--bg-card,#fff);border:1px solid var(--border-default,#e2e8f0);border-radius:var(--radius-md,8px);box-shadow:0 8px 24px rgba(0,0,0,0.12);overflow:hidden;z-index:9999}.select2-container--default .select2-search--dropdown{padding:8px}.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--bg-input,var(--bg-secondary,#f8fafc));border:1px solid var(--border-default,#e2e8f0);color:var(--text-primary,#1e293b);border-radius:var(--radius-sm,6px);padding:8px 10px;font-size:.85rem;outline:0}.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:var(--accent-primary,#3b82f6);box-shadow:0 0 0 3px rgba(59,130,246,0.12)}.select2-container--default .select2-results__option{color:var(--text-primary,#1e293b);padding:8px 12px;font-size:.85rem;transition:background .15s}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--accent-primary,#3b82f6) !important;color:#fff !important}.select2-container--default .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted){background:var(--accent-primary-soft,rgba(59,130,246,0.1));color:var(--text-primary,#1e293b)}.select2-container--default .select2-results>.select2-results__options{max-height:250px}.show-mobile{display:none !important}.show-tablet{display:none !important}.filter-dates{display:flex;gap:10px}.copy-field{display:flex;gap:8px}.copy-field .form-input{flex:1;font-family:'SF Mono',Monaco,monospace;font-size:.82rem}@media(max-width:1200px){.stats-grid,.stats-row{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.customer-layout{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.dashboard-grid .col-span-4{grid-column:span 6}.dashboard-grid .col-span-3{grid-column:span 6}.show-layout{grid-template-columns:1fr 320px}.show-layout.sidebar-lg{grid-template-columns:1fr 360px}}@media(max-width:1024px){.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:repeat(2,1fr)}.form-grid.cols-4 .col-span-2{grid-column:span 2}.filters-form{flex-wrap:wrap}.filter-group{flex:1 1 calc(33% - 10px);min-width:180px}.filter-group:first-child{flex:1 1 100%}.filter-actions{flex-wrap:wrap;gap:8px}.show-layout{grid-template-columns:1fr !important}.show-layout.sidebar-left>.show-sidebar{order:0}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-tablet{display:none !important}.show-tablet{display:block !important}.page-header{flex-wrap:wrap;gap:12px}.card-body{padding:20px}.modal{max-width:600px}.kpi-grid.cols-3{grid-template-columns:repeat(2,1fr)}.action-buttons.cols-3{grid-template-columns:repeat(2,1fr)}.filter-bar-inline{flex-wrap:wrap}.filter-bar-search{flex:1 1 100%;min-width:100%}.filter-bar-actions{flex-wrap:wrap;width:100%}.filter-bar-actions select.form-input,.filter-bar-actions .form-input{flex:1;min-width:calc(33% - 6px);max-width:none}}@media(max-width:768px){.stats-grid,.stats-row{grid-template-columns:1fr 1fr;gap:10px}.kpi-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr !important;gap:14px}.col-span-2,.col-span-full{grid-column:auto !important}.form-row{flex-direction:column}.stat-card{padding:14px}.stat-value{font-size:18px}.stat-label{font-size:11px}.stat-footer{font-size:10px}.stat-icon{width:32px;height:32px}.stat-icon svg{width:16px;height:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-actions{flex-direction:column;width:100%;gap:8px}.page-actions .btn{width:100%;justify-content:center}.page-actions .btn-primary{height:52px;font-size:15px}.filters-form,.filter-bar{flex-direction:column}.filter-group{width:100% !important;min-width:0 !important;max-width:none !important;flex:none !important}.filter-group[style*="flex"]{flex:none !important;min-width:0 !important}.filter-dates{width:100%;display:flex;gap:10px}.filter-dates .filter-group{flex:1 !important;width:auto !important}.filter-actions{display:flex;flex-direction:column;gap:8px;width:100%}.filter-actions .btn{width:100%;justify-content:center}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table,.table-responsive>.table{min-width:650px}.table th,.table td{font-size:13px;padding:10px 8px}.cell-main{font-size:13px}.cell-sub{font-size:11px}.table-footer{flex-direction:column;gap:10px;align-items:center}.cell-truncate{max-width:140px}.cell-truncate-sm{max-width:90px}.cell-truncate-lg{max-width:180px}.entity-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-clickable td,tr.clickable td,tr[data-href] td{padding-top:14px !important;padding-bottom:14px !important}.tr-clickable::after,tr.clickable::after,tr[data-href]::after{content:'›';position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px;font-weight:300;pointer-events:none}.tr-clickable,tr.clickable,tr[data-href]{position:relative}.table-scroll-wrapper::after{opacity:1}.table-scroll-wrapper.scrolled-end::after{opacity:0}.pagination{flex-wrap:wrap;justify-content:center}.pagination-btn{min-width:36px;height:36px}.form-actions{flex-direction:column-reverse;gap:10px}.form-actions .btn{width:100% !important;flex:none !important;height:48px;display:flex;align-items:center;justify-content:center}.form-actions .btn-primary,.form-actions .btn-lg{height:56px;font-size:16px}.card-body{padding:16px}.card-header{flex-wrap:wrap;gap:8px}.card-actions{width:100%}.card-actions .btn{width:100%;justify-content:center}.form-section>.card-header.colored{padding:0 0 10px 0;margin-bottom:14px}.form-section>.card-body{gap:14px}.form-section-body{gap:14px}.form-section{margin-bottom:24px}.modal{width:calc(100% - 32px);max-width:none;margin:16px;max-height:calc(100vh - 80px)}.modal-body{padding:16px}.modal-footer{flex-direction:column-reverse;gap:8px;padding:16px}.modal-footer .btn{width:100%;justify-content:center}.copy-field{flex-direction:column;gap:6px}.copy-field .form-input{font-size:.75rem}.copy-field .btn{width:100%;justify-content:center}.form-group,.form-field{min-width:0 !important;overflow:hidden}.select2-container{width:100% !important;max-width:100% !important;display:table !important;table-layout:fixed}.select2-container .select2-selection--single{overflow:hidden !important}.select2-container--default .select2-selection--single .select2-selection__rendered{display:block !important;width:100% !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;padding-right:30px !important;box-sizing:border-box !important}.select2-selection__clear{position:absolute !important;right:28px !important;top:50% !important;transform:translateY(-50%) !important;z-index:1;margin:0 !important}.select2-selection__arrow{right:4px !important}.info-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.operational-summary{grid-template-columns:1fr}.funnel-summary{grid-template-columns:1fr;gap:12px}.dashboard-grid .col-span-4,.dashboard-grid .col-span-6,.dashboard-grid .col-span-8{grid-column:span 12}.hide-mobile{display:none !important}.show-mobile{display:block !important}.mb-6{margin-bottom:16px !important}.mb-5{margin-bottom:12px !important}.stepper{flex-direction:column;align-items:flex-start;gap:12px}.step-line{display:none}.breadcrumbs{flex-wrap:wrap}.page-header-content{flex-direction:column;align-items:flex-start;gap:12px}.kpi-compact{padding:14px 16px}.kpi-grid.cols-3{grid-template-columns:1fr !important}.action-buttons{grid-template-columns:1fr}.action-buttons.cols-3{grid-template-columns:1fr}.filter-bar-actions{flex-direction:column}.filter-bar-actions select.form-input,.filter-bar-actions .form-input{width:100%;min-width:100%;max-width:none}.filter-bar-actions .btn{width:100%;justify-content:center}.status-card .status-count{font-size:22px}.section-title{font-size:16px}}.page-header,.page-header-elite{justify-content:flex-start !important}.page-header-content{width:auto !important;justify-content:flex-start !important}.page-header .page-actions,.page-header .page-header-actions,.page-header-elite .page-actions,.page-header-elite .page-header-actions{margin-left:auto !important}.coa-tabs{margin-bottom:20px;width:fit-content}.coa-row-parent{background:var(--bg-secondary)}.coa-row-parent:hover{background:var(--bg-tertiary) !important}.coa-code{font-family:'SF Mono',Monaco,monospace;font-size:13px;padding:3px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.coa-name{display:flex;align-items:center;gap:8px}.coa-indent-1{padding-left:24px}.coa-indent-2{padding-left:48px}.coa-indent-3{padding-left:72px}.coa-indent-4{padding-left:96px}.coa-tree{color:var(--text-muted);font-family:monospace}.coa-parent-label{font-weight:600}.coa-form-card{max-width:600px}.coa-code-input{font-family:'SF Mono',Monaco,monospace}.coa-type-selector{display:flex;gap:12px}.coa-type-option{display:flex;align-items:center;gap:12px;padding:12px 20px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex:1;transition:all .2s}.coa-type-option:hover{border-color:var(--accent-primary)}.coa-type-option.active{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.coa-type-option input{display:none}.coa-type-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.coa-type-icon.red{background:var(--color-red-soft);color:var(--color-red)}.coa-type-icon.green{background:var(--color-green-soft);color:var(--color-green)}.cc-form-card{max-width:600px}.cc-code-input{font-family:'SF Mono',Monaco,monospace;text-transform:uppercase}.cc-code-badge{display:inline-block;padding:4px 10px;background:var(--accent-warning-soft);color:var(--accent-warning);border-radius:var(--radius-sm);font-family:'SF Mono',Monaco,monospace;font-size:13px;font-weight:600}.cc-info{display:flex;flex-direction:column;gap:2px}.cc-desc{font-size:13px;color:var(--text-muted)}.cc-budget{display:flex;flex-direction:column;gap:4px}.cc-budget-value{font-size:13px;font-weight:500}.cc-budget-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.cc-budget-fill{height:100%;border-radius:3px;transition:width .3s}.cc-budget-fill.success{background:var(--accent-success)}.cc-budget-fill.warning{background:var(--accent-warning)}.cc-budget-fill.danger{background:var(--accent-danger)}.cc-budget-pct{font-size:11px;color:var(--text-tertiary)}.dre-filter-label{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.dre-filter-sep{color:var(--text-tertiary);font-size:14px}.dre-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.dre-section{border-bottom:1px solid var(--border-subtle)}.dre-section:last-of-type{border-bottom:0}.dre-section-header{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dre-section-header.green{background:var(--color-green-soft);color:var(--color-green)}.dre-section-header.red{background:var(--color-red-soft);color:var(--color-red)}.dre-section-body{padding:0}.dre-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 12px 44px;border-bottom:1px solid var(--border-subtle);transition:background .15s}.dre-row:last-child{border-bottom:0}.dre-row:hover{background:var(--bg-hover)}.dre-row.empty{justify-content:center;padding:20px}.dre-item-name{font-size:14px;color:var(--text-secondary)}.dre-item-value{font-size:14px;font-weight:600}.dre-item-value.green{color:var(--color-green)}.dre-item-value.red{color:var(--color-red)}.dre-section-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;font-weight:700}.dre-section-footer.green{background:var(--color-green-soft);color:var(--color-green)}.dre-section-footer.red{background:var(--color-red-soft);color:var(--color-red)}.dre-result{display:flex;justify-content:space-between;align-items:center;padding:24px}.dre-result.profit{background:var(--color-green-soft)}.dre-result.loss{background:var(--color-red-soft)}.dre-result-header{display:flex;align-items:center;gap:16px}.dre-result-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dre-result.profit .dre-result-icon{background:var(--color-green);color:white}.dre-result.loss .dre-result-icon{background:var(--color-red);color:white}.dre-result-info{display:flex;flex-direction:column;gap:4px}.dre-result-label{font-size:16px;font-weight:700}.dre-result.profit .dre-result-label{color:var(--color-green)}.dre-result.loss .dre-result-label{color:var(--color-red)}.dre-result-margin{font-size:13px;color:var(--text-tertiary)}.dre-result-value{font-size:32px;font-weight:700}.dre-result.profit .dre-result-value{color:var(--color-green)}.dre-result.loss .dre-result-value{color:var(--color-red)}@media(max-width:768px){.dre-result{flex-direction:column;gap:16px;text-align:center}.dre-result-header{flex-direction:column}}@media print{.page-actions,.filter-bar-inline{display:none !important}.dre-container{box-shadow:none;border:1px solid #ddd}}body:not([data-theme="dark"]){background:linear-gradient(180deg,#eef2f7 0,#e8eef6 50%,#e0e8f2 100%)}body:not([data-theme="dark"]) .card,body:not([data-theme="dark"]) .stat-card{background:#f0f4ff;border-color:rgba(191,210,246,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.02)}body:not([data-theme="dark"]) .card:hover,body:not([data-theme="dark"]) .stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.06);border-color:rgba(59,130,246,0.2)}body:not([data-theme="dark"]) .elite-table th{background:#eaeff8}body:not([data-theme="dark"]) .elite-table tbody tr:hover{background:rgba(224,234,252,0.6)}.stat-card:hover,.kpi-card:hover{transform:translateY(-2px)}body,.card,.stat-card,.kpi-card,.card-header,.card-footer,.elite-table th,.elite-table tbody tr,.form-input,.form-control,.form-textarea,.form-select,.btn,.badge,.tag,.sidebar,.topbar,.header{transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
/* === TEXT CONTRAST OVERRIDE (light mode only) === */
body:not([data-theme="dark"]) .data-table td,
body:not([data-theme="dark"]) .table td {
  color: #1e293b !important;
}
body:not([data-theme="dark"]) .data-table th,
body:not([data-theme="dark"]) .table th {
  color: #334155 !important;
}
body:not([data-theme="dark"]) .cell-muted {
  color: #475569 !important;
}
.entity-link,.data-table a,.table a:not(.btn){color:var(--text-primary)!important;text-decoration:none;font-weight:500;transition:color .15s}
.entity-link:visited,.data-table a:visited,.table a:not(.btn):visited{color:var(--text-primary)!important}
.entity-link:hover,.data-table a:hover,.table a:not(.btn):hover{color:var(--accent-primary,#3b82f6)!important;text-decoration:none}

/* ============================================
   PATCH: Form Grid Spacing + Textarea Padding
   Adicionar no FINAL do components-elite-v2.css
   ============================================ */
 
/* 1. Espaçamento entre form-grids consecutivos */
.form-grid + .form-grid {
    margin-top: 20px;
}
 
/* 2. Textarea com classe form-input — garantir padding interno */
textarea.form-input,
textarea.form-control,
textarea.form-textarea {
    height: auto !important;
    padding: 14px 16px !important;
    min-height: 120px;
    resize: vertical;
    line-height: 1.6;
}

/* ═══ Blue Glow Cards — Light Mode ═══
   Glow bottom-right + border-left accent
   Cobre: .stat-card, .kpi-card, .kpi-compact
   Adicionar no FINAL do components-elite-v2.css
   ═══════════════════════════════════════════ */
body:not([data-theme="dark"]) .stat-card,
body:not([data-theme="dark"]) .kpi-card,
body:not([data-theme="dark"]) .kpi-compact {
    border-left: 3px solid rgba(37,99,235,0.20);
}
body:not([data-theme="dark"]) .stat-card::after,
body:not([data-theme="dark"]) .kpi-card::after,
body:not([data-theme="dark"]) .kpi-compact::after {
    content: '';
    position: absolute;
    bottom: 0; right: 0;
    width: 55%; height: 55%;
    border-radius: inherit;
    background: radial-gradient(ellipse at 100% 100%, rgba(37,99,235,0.10) 0%, rgba(30,64,175,0.04) 40%, transparent 70%);
    pointer-events: none;
    z-index: 0;
    transition: opacity 0.3s ease;
}
body:not([data-theme="dark"]) .stat-card:hover,
body:not([data-theme="dark"]) .kpi-card:hover,
body:not([data-theme="dark"]) .kpi-compact:hover {
    border-color: rgba(59,130,246,0.25);
    border-left-color: rgba(37,99,235,0.45);
    box-shadow: 0 4px 16px rgba(37,99,235,0.08), 0 2px 4px rgba(0,0,0,0.03);
}
body:not([data-theme="dark"]) .stat-card:hover::after,
body:not([data-theme="dark"]) .kpi-card:hover::after,
body:not([data-theme="dark"]) .kpi-compact:hover::after {
    background: radial-gradient(ellipse at 100% 100%, rgba(37,99,235,0.18) 0%, rgba(30,64,175,0.08) 40%, transparent 70%);
}
body:not([data-theme="dark"]) .stat-card > *,
body:not([data-theme="dark"]) .kpi-card > *,
body:not([data-theme="dark"]) .kpi-compact > * {
    position: relative;
    z-index: 1;
}