:root{--mobile-topbar-height: 56px}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-topbar-height);background:#fff;border-bottom:1px solid rgba(0,0,0,.08);z-index:200;align-items:center;justify-content:space-between;padding:0 16px}.mobile-topbar-brand{display:flex;align-items:center;gap:8px}.mobile-topbar-brand-icon{width:30px;height:30px;border-radius:8px;background:#185fa5;display:flex;align-items:center;justify-content:center}.mobile-topbar-brand-name{font-size:15px;font-weight:600;color:#1a1a19}.hamburger-btn{width:36px;height:36px;border-radius:8px;background:#f4f5f7;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-sidebar-drawer{display:none;position:fixed;top:0;left:0;z-index:160;transition:transform .3s ease}.desktop-sidebar-wrapper{display:block;flex-shrink:0;transition:width .25s ease}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.charts-row,.tables-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.kpi-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px}.integrations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.charts-row,.tables-row{grid-template-columns:1fr!important}.kpi-row{grid-template-columns:1fr 1fr!important}.integrations-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 768px){.mobile-topbar{display:flex}.mobile-sidebar-drawer{display:block}.desktop-sidebar-wrapper,.desktop-topbar{display:none!important}.main-content{margin-left:0!important;padding-top:var(--mobile-topbar-height)!important}.page-content{padding:16px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important}.charts-row,.tables-row,.kpi-row{grid-template-columns:1fr!important}.integrations-grid{grid-template-columns:repeat(2,1fr)!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:500px}.hide-mobile,.login-left-panel{display:none!important}.login-right-panel{width:100%!important;padding:24px 20px!important}.chart-container{height:180px!important}}@media (max-width: 480px){.metrics-grid,.integrations-grid{grid-template-columns:1fr!important}.page-content{padding:12px!important}}@keyframes spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #185FA5;--color-primary-light: #E6F1FB;--color-primary-dark: #0C447C;--color-success: #1D9E75;--color-success-light: #EAF3DE;--color-success-dark: #3B6D11;--color-warning: #BA7517;--color-warning-light: #FAEEDA;--color-warning-dark: #854F0B;--color-danger: #D85A30;--color-danger-light: #FAECE7;--color-danger-dark: #993C1D;--color-gray-50: #F8F9FA;--color-gray-100: #F1EFE8;--color-gray-200: #D3D1C7;--color-gray-300: #B4B2A9;--color-gray-400: #888780;--color-gray-500: #5F5E5A;--color-gray-600: #444441;--color-gray-700: #2C2C2A;--color-gray-800: #1A1A19;--color-bg: #F4F5F7;--color-surface: #FFFFFF;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-text-primary: #1A1A19;--color-text-secondary: #5F5E5A;--color-text-muted: #888780;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--sidebar-width: 240px;--topbar-height: 60px}html,body{height:100%;font-family:var(--font-sans);font-size:14px;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}input,select,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}