@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";:root{--color-white: #FFFFFF;--color-black: #000000;--color-page-bg: #FDFFFC;--color-panel-bg: #EEF3ED;--color-brand-blue: #273FC5;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-primary-50: #EEF0FA;--color-primary-100: #D4D9F3;--color-primary-200: #B3BCEB;--color-primary-300: #8F9BE1;--color-primary-400: #5D6FD4;--color-primary-500: #273FC5;--color-primary-600: #2136A7;--color-primary-700: #1B2C8A;--color-primary-800: #15236C;--color-primary-900: #10194F;--color-success-50: #F0FDF4;--color-success-100: #DCFCE7;--color-success-200: #BBF7D0;--color-success-300: #86EFAC;--color-success-400: #4ADE80;--color-success-500: #22C55E;--color-success-600: #16A34A;--color-success-700: #15803D;--color-success-800: #166534;--color-success-900: #14532D;--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-200: #FDE68A;--color-warning-300: #FCD34D;--color-warning-400: #FBBF24;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning-800: #92400E;--color-warning-900: #78350F;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-200: #FECACA;--color-error-300: #FCA5A5;--color-error-400: #F87171;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error-800: #991B1B;--color-error-900: #7F1D1D;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-200: #BFDBFE;--color-info-300: #93C5FD;--color-info-400: #60A5FA;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--color-info-800: #1E40AF;--color-info-900: #1E3A8A;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--font-sans: "Comfortaa", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", Courier, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: 0 0 #0000;--shadow-primary: 0 10px 15px -3px rgba(39, 63, 197, .2), 0 4px 6px -2px rgba(39, 63, 197, .1);--shadow-success: 0 10px 15px -3px rgba(34, 197, 94, .2), 0 4px 6px -2px rgba(34, 197, 94, .1);--shadow-warning: 0 10px 15px -3px rgba(245, 158, 11, .2), 0 4px 6px -2px rgba(245, 158, 11, .1);--shadow-error: 0 10px 15px -3px rgba(239, 68, 68, .2), 0 4px 6px -2px rgba(239, 68, 68, .1);--border-width-0: 0px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--duration-fast: var(--duration-150);--duration-base: var(--duration-200);--duration-slow: var(--duration-300);--duration-slower: var(--duration-500);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-banner: 30;--z-overlay: 40;--z-modal-backdrop: 50;--z-modal: 60;--z-popover: 70;--z-tooltip: 80;--z-notification: 90;--z-max: 9999;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-25: .25;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-75: .75;--opacity-80: .8;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--blur-xl: 16px;--blur-2xl: 24px;--blur-3xl: 40px;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-full: 100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans)!important;font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-neutral-700);background-color:var(--color-neutral-50);min-height:100vh}*,*:before,*:after{font-family:var(--font-sans)!important}h1,h2,h3,h4,h5,h6{font-family:"Comfortaa",var(--font-sans)!important;font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-neutral-900);margin-bottom:var(--space-4);letter-spacing:-.02em}h1{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.03em}h2{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.025em}h3{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em}h4{font-size:var(--text-2xl);font-weight:600}h5{font-size:var(--text-xl);font-weight:600}h6{font-size:var(--text-lg);font-weight:600}p{margin-bottom:var(--space-4);color:var(--color-neutral-600);line-height:var(--leading-relaxed)}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--duration-base) var(--ease-in-out)}a:hover{color:var(--color-primary-700);text-decoration:underline}strong{font-weight:var(--font-semibold)}em{font-style:italic}.container{width:100%;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:var(--container-3xl)}.container-md{max-width:var(--container-4xl)}.container-lg{max-width:var(--container-5xl)}.container-xl{max-width:var(--container-6xl)}.container-2xl{max-width:var(--container-7xl)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-8) 0}.section-lg{padding:var(--space-24) 0}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-responsive-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.grid-responsive-lg{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.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}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-neutral-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-white{color:var(--color-white)}.bg-white{background-color:var(--color-white)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-primary{background-color:var(--color-primary-500)}.bg-primary-light{background-color:var(--color-primary-100)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-error{background-color:var(--color-error-500)}.card{background-color:var(--color-panel-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--color-neutral-200);overflow:hidden;transition:all var(--duration-base) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-neutral-200)}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--color-neutral-900);margin-bottom:var(--space-1);font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:-.01em}.card-subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin:0}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:var(--border-width-1) solid var(--color-neutral-200);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:12px;font-family:"Comfortaa",var(--font-sans)!important;font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;user-select:none;min-height:48px;letter-spacing:-.01em;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:#eef3ed;color:#273fc5;border:1.5px solid rgba(39,63,197,.25);box-shadow:0 2px 8px #0000000f}.btn-primary:before{content:"";position:absolute;inset:0;background:#e2e8e0;opacity:0;transition:opacity .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:#273fc566}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00000026}.btn-primary>*{position:relative;z-index:1}.btn-secondary{background:#fff;color:#171717;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000f}.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000005,#0000000a);opacity:0;transition:opacity .3s ease}.btn-secondary:hover:not(:disabled){border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;color:#0a0a0a}.btn-secondary:hover:not(:disabled):before{opacity:1}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #0000000f}.btn-secondary>*{position:relative;z-index:1}.btn-outline{background:transparent;color:#404040;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000a}.btn-outline:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000005,#0000000a);opacity:0;transition:opacity .3s ease}.btn-outline:hover:not(:disabled){border-color:#d1d5db;color:#171717;transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.btn-outline:hover:not(:disabled):before{opacity:1}.btn-outline:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 4px #0000000a}.btn-outline>*{position:relative;z-index:1}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc262633,0 2px 4px #0000001a}.btn-danger:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#b91c1c,#991b1b);opacity:0;transition:opacity .3s ease}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #dc262640,0 4px 8px #00000026}.btn-danger:hover:not(:disabled):before{opacity:1}.btn-danger:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #dc262633}.btn-danger>*{position:relative;z-index:1}.btn-success{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 4px 12px #05966933,0 2px 4px #0000001a}.btn-success:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#047857,#065f46);opacity:0;transition:opacity .3s ease}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #05966940,0 4px 8px #00000026}.btn-success:hover:not(:disabled):before{opacity:1}.btn-success:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #05966933}.btn-success>*{position:relative;z-index:1}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem;border-radius:10px;min-height:40px;font-weight:600}.btn-md{padding:.875rem 1.75rem;font-size:1rem;border-radius:12px;min-height:48px;font-weight:600}.btn-lg{padding:1.125rem 2.25rem;font-size:1.125rem;border-radius:14px;min-height:56px;font-weight:700}.btn-full{width:100%}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-neutral-700);margin-bottom:var(--space-2);font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:.01em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--color-neutral-300);border-radius:var(--radius-lg);font-family:"Comfortaa",var(--font-sans)!important;font-size:var(--text-base);font-weight:500;line-height:var(--leading-normal);color:var(--color-neutral-900);background-color:var(--color-white);transition:all var(--duration-base) var(--ease-in-out)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-textarea{resize:vertical;min-height:100px}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-neutral-50)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error-500)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px var(--color-error-50)}.form-helper-text{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--space-1)}.form-error-text{font-size:var(--text-xs);color:var(--color-error-600);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:.02em}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-700)}.badge-info{background-color:var(--color-info-100);color:var(--color-info-700)}.badge-neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.stat-card{background-color:var(--color-panel-bg);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--color-neutral-200)}.stat-label{font-size:var(--text-sm);font-weight:700;color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.075em;margin-bottom:var(--space-2);font-family:"Comfortaa",var(--font-sans)!important}.stat-value{font-size:var(--text-5xl);font-weight:800;color:var(--color-neutral-900);line-height:var(--leading-none);margin-bottom:var(--space-2);font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:-.02em}.stat-change{font-size:var(--text-sm);font-weight:600;font-family:"Comfortaa",var(--font-sans)!important}.stat-change-positive{color:var(--color-success-600)}.stat-change-negative{color:var(--color-error-600)}.stat-description{font-size:var(--text-sm);color:var(--color-neutral-500)}.navbar{background-color:var(--color-white);box-shadow:var(--shadow-sm);border-bottom:var(--border-width-1) solid var(--color-neutral-200);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.navbar-brand{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary-600);text-decoration:none;font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:-.02em}.navbar-nav{display:flex;align-items:center;gap:var(--space-6)}.navbar-link{color:var(--color-neutral-700);text-decoration:none;font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-in-out)}.navbar-link:hover{color:var(--color-primary-600);background-color:var(--color-primary-50);text-decoration:none}.navbar-link.active{color:var(--color-primary-600);background-color:var(--color-primary-50)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.border{border:var(--border-width-1) solid var(--color-neutral-200)}.border-t{border-top:var(--border-width-1) solid var(--color-neutral-200)}.border-b{border-bottom:var(--border-width-1) solid var(--color-neutral-200)}.border-l{border-left:var(--border-width-1) solid var(--color-neutral-200)}.border-r{border-right:var(--border-width-1) solid var(--color-neutral-200)}.rounded{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{opacity:.6;pointer-events:none}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--space-8))}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:all var(--duration-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-100px;left:0;background-color:var(--color-primary-600);color:var(--color-white);padding:var(--space-3) var(--space-6);z-index:var(--z-max);transition:top var(--duration-fast);border-radius:var(--radius-md)}.skip-to-content:focus{top:var(--space-4)}@media (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.stat-icon{font-size:1.35rem!important}.action-icon-wrapper,.tracking-icon-badge,.empty-state-icon,.upload-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:1.35rem!important}.action-icon,.tracking-icon-badge svg,.empty-state-icon svg,.upload-icon svg{font-size:1.25rem!important;width:20px!important;height:20px!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.navbar-nav{gap:var(--space-4)}.container{padding:0 var(--space-3)}.section{padding:var(--space-12) 0}.section-lg{padding:var(--space-16) 0}}@media (max-width: 480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.btn{width:100%}.stats-grid,.actions-grid{grid-template-columns:1fr}}.footer{background-color:var(--color-neutral-900);color:var(--color-white);padding:var(--space-12) 0;text-align:center}.footer-brand{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);font-family:"Comfortaa",var(--font-sans)!important;letter-spacing:-.02em}.footer-description{color:var(--color-neutral-400);margin-bottom:var(--space-4)}.footer-copyright{color:var(--color-neutral-500);font-size:var(--text-sm)}button{font-family:"Comfortaa",var(--font-sans)!important;font-weight:600;letter-spacing:-.01em}input,select,textarea{font-family:"Comfortaa",var(--font-sans)!important;font-weight:500}option,table{font-family:"Comfortaa",var(--font-sans)!important}label{font-family:"Comfortaa",var(--font-sans)!important;font-weight:600}:root{--solid-app-bg: var(--color-page-bg)}html,body{background:var(--solid-app-bg)!important}.sidebar,.sidebar-container,.sidebar-content,.app-sidebar{background-image:none!important;background-color:var(--color-panel-bg)!important}