:root{--sidebar-width: 16.5rem;--sidebar-collapsed-width: 4.5rem;--header-height: 4rem;--color-primary: #0f2d22;--color-primary-light: #1a4731;--color-accent: #10b981;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.06), 0 4px 6px rgba(0,0,0,.04);--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-normal: .25s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#1e293b}.app-main{margin-left:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-sidebar{background:linear-gradient(180deg,#0f2d22,#0a1f17);border-right:1px solid rgba(16,185,129,.08);box-shadow:4px 0 24px #00000014}.modern-sidebar .nav-item{position:relative;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modern-sidebar .nav-item:hover{background:#10b98114}.modern-sidebar .nav-item.active{background:linear-gradient(135deg,#10b98126,#10b98114)}.modern-sidebar .nav-item.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 2px 2px 0;background:var(--color-accent)}.modern-header{height:var(--header-height);background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;box-shadow:var(--shadow-xs)}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-card{border-radius:var(--radius-lg);padding:1rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pill-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.pill-tab:hover{background:#f1f5f9}.pill-tab.active{background:var(--color-primary-light);color:#fff;box-shadow:var(--shadow-sm)}@media(max-width:640px){.stat-card,.glass-card{border-radius:var(--radius-md)}.modern-header{padding-left:1rem;padding-right:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}@media print{.modern-sidebar,.modern-header,.app-main>header{display:none!important}.app-main{margin-left:0!important}}html.dark-theme{color-scheme:dark}html.dark-theme body{background:#111827!important;color:#f3f4f6!important}html.dark-theme .bg-white,html.dark-theme section.bg-white,html.dark-theme div.bg-white{background:#1f2937!important;border-color:#374151!important;color:#f3f4f6!important}html.dark-theme .bg-gray-50,html.dark-theme .bg-gray-100{background:#1f2937!important}html.dark-theme .text-gray-800,html.dark-theme .text-gray-700,html.dark-theme .text-gray-600{color:#e5e7eb!important}html.dark-theme .text-gray-500,html.dark-theme .text-gray-400{color:#9ca3af!important}html.dark-theme .border-gray-200,html.dark-theme .border-gray-100,html.dark-theme .border-gray-300{border-color:#374151!important}html.dark-theme input,html.dark-theme select,html.dark-theme textarea{background:#374151!important;color:#f3f4f6!important;border-color:#4b5563!important}html.dark-theme table thead tr{background:#1f2937!important}html.dark-theme table tbody tr:hover{background:#374151!important}html.dark-theme .divide-gray-100>:not([hidden])~:not([hidden]){border-color:#374151!important}
