:root{--color-primary: #0056D2;--color-primary-light: #3D7FE6;--color-primary-dark: #003D99;--color-secondary: #FF9F1C;--color-secondary-light: #FFB84D;--color-secondary-dark: #E68A00;--color-three: #10B981;--color-dark: #0D1B2A;--color-dark-lighter: #1B2838;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-bg: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-text: #0D1B2A;--color-text-secondary: #64748B;--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 1.5vw, .75rem);--space-md: clamp(.75rem, 2vw, 1rem);--space-lg: clamp(1rem, 2.5vw, 1.5rem);--space-xl: clamp(1.25rem, 3vw, 2rem);--space-2xl: clamp(1.5rem, 4vw, 2.5rem);--space-3xl: clamp(2rem, 5vw, 3rem);--font-size-xs: clamp(.625rem, 2vw, .75rem);--font-size-sm: clamp(.75rem, 2.5vw, .875rem);--font-size-base: clamp(.875rem, 3vw, 1rem);--font-size-lg: clamp(1rem, 3.5vw, 1.125rem);--font-size-xl: clamp(1.125rem, 4vw, 1.25rem);--font-size-2xl: clamp(1.25rem, 5vw, 1.5rem);--font-size-3xl: clamp(1.5rem, 6vw, 2rem);--font-size-4xl: clamp(1.75rem, 7vw, 2.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--sidebar-width-mobile: 100%;--sidebar-width-tablet: 280px;--sidebar-width-desktop: 280px;--sidebar-width-collapsed: 80px;--topbar-height-mobile: 60px;--topbar-height-desktop: 70px;--container-max-width: 1440px;--content-max-width: 1200px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}.container-fluid{width:100%;padding-left:var(--space-md);padding-right:var(--space-md)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}@media(min-width:768px){.container-fluid,.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media(min-width:1024px){.container-fluid,.container{padding-left:var(--space-xl);padding-right:var(--space-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.grid{display:grid}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(12,1fr)}.dashboard-grid>.col-span-full{grid-column:1 / -1}.dashboard-grid>.col-span-8{grid-column:span 8}.dashboard-grid>.col-span-4{grid-column:span 4}.dashboard-grid>.col-span-6{grid-column:span 6}}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.mobile-only{display:block}.tablet-up,.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.tablet-up{display:block}}@media(min-width:1024px){.desktop-only{display:block}}.p-responsive{padding:var(--space-md)}@media(min-width:768px){.p-responsive{padding:var(--space-lg)}}@media(min-width:1024px){.p-responsive{padding:var(--space-xl)}}.m-responsive{margin:var(--space-md)}@media(min-width:768px){.m-responsive{margin:var(--space-lg)}}@media(min-width:1024px){.m-responsive{margin:var(--space-xl)}}.text-responsive{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.heading-responsive{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}@media(min-width:768px){.heading-responsive{font-size:var(--font-size-3xl)}}@media(min-width:1024px){.heading-responsive{font-size:var(--font-size-4xl)}}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}.overflow-y-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}:root{--color-primary: #0056D2;--color-primary-dark: #003C9D;--color-secondary: #FF9F1C;--color-three: #ff241c;--color-secondary-light: #FFBF69;--color-dark: #1E1E1E;--color-dark-lighter: #2C2C2C;--color-light: #F9FAFB;--color-white: #FFFFFF;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-500: #6B7280;--font-body: "Inter", sans-serif;--font-heading: "Poppins", sans-serif;--spacing-container: 1200px;--spacing-padding: 1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-white);color:var(--color-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;font-family:var(--font-heading)}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 var(--spacing-padding)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-dark{background-color:var(--color-dark)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 6px -1px #0056d266}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-dark);box-shadow:0 4px 6px -1px #ff9f1c66}.btn-three{background-color:var(--color-three);color:var(--color-dark);box-shadow:0 4px 6px -1px #ff9f1c66}.btn-secondary:hover{background-color:var(--color-secondary-light);transform:translateY(-2px)}.section-padding{padding:6rem 0}