:root{--primary-default:#80bc00;--primary-active:#6fa200;--primary-hover:#5f8b00;--primary-muted:#507400;--secondary-default:#002c4d;--secondary-active:#003d5c;--secondary-hover:#00587a;--secondary-muted:#7ba8be;--tertiary-default:#1e4d5c;--tertiary-active:#2c6878;--tertiary-hover:#4a8798;--tertiary-muted:#7ba8be;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-dark:#1b2b4c;--text-primary:#1b2b4c;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--text-inverse:#fff;--text-muted:#868e96;--success:#28a745;--success-light:#d4edda;--success-dark:#1e7e34;--info:#17a2b8;--info-light:#d1ecf1;--info-dark:#117a8b;--warning:#ffc107;--warning-light:#fff3cd;--warning-dark:#d39e00;--error:#dc3545;--error-light:#f8d7da;--error-dark:#bd2130;--border-light:#e2e8f0;--border-default:#cbd5e1;--border-dark:#94a3b8;--spacing-3xs:4px;--spacing-2xs:8px;--spacing-xs:12px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:80px;--spacing-5xl:96px;--spacing-6xl:128px;--font-primary:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-small:2px;--radius-medium:5px;--radius-large:10px;--radius-xlarge:16px;--radius-rounded:999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--elevation-0:none;--elevation-1:0 1px 3px #0000001f, 0 1px 2px #0000003d;--elevation-2:0 3px 6px #00000026, 0 2px 4px #0000001f;--elevation-4:0 10px 20px #00000026, 0 3px 6px #0000001a;--elevation-8:0 15px 25px #00000026, 0 5px 10px #0000000d;--elevation-16:0 20px 40px #0003;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-mobile:640px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1280px;--brand-primary:#84bd00;--brand-primary-light:#a0d633;--brand-primary-dark:#6a9900;--brand-primary-rgb:132, 189, 0;--brand-secondary:#fbc723;--brand-secondary-light:#ffd966;--brand-secondary-dark:#ec9222;--brand-accent:#002b4d;--brand-accent-light:#1e4d6e;--brand-accent-dark:#001a2e;--brand-gradient-start:#fbc723;--brand-gradient-end:#ec9222;--brand-text-primary:#1f2937;--brand-text-secondary:#6b7280;--brand-text-on-primary:#fff;--brand-text-on-gradient:#fff;--brand-success:#16a34a;--brand-error:#dc2626;--brand-warning:#f59e0b;--brand-info:#0ea5e9;--brand-font-heading:"Outfit", system-ui, sans-serif;--brand-font-body:"Outfit", system-ui, sans-serif;--brand-font-weight-heading:700;--brand-font-weight-body:400}@font-face{font-family:Outfit;src:url(/assets/Outfit-Light-BwkoUNPb.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-Regular-D0y4HnY4.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-Medium-DWCtRdtQ.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-SemiBold-Ccv0ETGw.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-Bold-CvCPH1sI.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-ExtraBold-Brdpq5Gb.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/assets/Outfit-Black-CeaOvLtD.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}h1,.h1{font-family:var(--font-primary);font-size:var(--font-size-3xl);line-height:40px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}h2,.h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);line-height:32px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}h3,.h3{font-family:var(--font-primary);font-size:var(--font-size-xl);line-height:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}h4,.h4{font-family:var(--font-primary);font-size:var(--font-size-lg);line-height:28px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}h5,.h5{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:24px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}h6,.h6{font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:20px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-2xs) 0}body,.body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:24px;font-weight:var(--font-weight-normal);color:var(--text-primary)}.body-large{font-size:var(--font-size-lg);line-height:28px}.body-small{font-size:var(--font-size-sm);line-height:20px}.caption{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:16px}.text-light{font-weight:var(--font-weight-light)}.text-regular{font-weight:var(--font-weight-normal)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-no-decoration{text-decoration:none}a{color:var(--primary-default);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}a:active{color:var(--primary-active)}p{margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}ul,ol{margin:0 0 var(--spacing-sm) 0;padding-left:var(--spacing-md)}li{margin-bottom:var(--spacing-2xs)}code{background-color:var(--bg-secondary);border-radius:var(--radius-small);padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.9em}pre{background-color:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-medium);margin:0 0 var(--spacing-sm) 0;overflow-x:auto}pre code{background-color:#0000;padding:0}.m-0{margin:0}.m-3xs{margin:var(--spacing-3xs)}.m-2xs{margin:var(--spacing-2xs)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-3xs{margin-top:var(--spacing-3xs)}.mt-2xs{margin-top:var(--spacing-2xs)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-3xs{margin-bottom:var(--spacing-3xs)}.mb-2xs{margin-bottom:var(--spacing-2xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-3xs{margin-left:var(--spacing-3xs)}.ml-2xs{margin-left:var(--spacing-2xs)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-0{margin-right:0}.mr-3xs{margin-right:var(--spacing-3xs)}.mr-2xs{margin-right:var(--spacing-2xs)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.p-0{padding:0}.p-3xs{padding:var(--spacing-3xs)}.p-2xs{padding:var(--spacing-2xs)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.pt-0{padding-top:0}.pt-3xs{padding-top:var(--spacing-3xs)}.pt-2xs{padding-top:var(--spacing-2xs)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-3xs{padding-bottom:var(--spacing-3xs)}.pb-2xs{padding-bottom:var(--spacing-2xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-0{padding-left:0}.pl-3xs{padding-left:var(--spacing-3xs)}.pl-2xs{padding-left:var(--spacing-2xs)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pr-0{padding-right:0}.pr-3xs{padding-right:var(--spacing-3xs)}.pr-2xs{padding-right:var(--spacing-2xs)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.gap-3xs{gap:var(--spacing-3xs)}.gap-2xs{gap:var(--spacing-2xs)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.border{border:var(--border-width-thin) solid var(--border-default)}.border-top{border-top:var(--border-width-thin) solid var(--border-default)}.border-bottom{border-bottom:var(--border-width-thin) solid var(--border-default)}.border-left{border-left:var(--border-width-thin) solid var(--border-default)}.border-right{border-right:var(--border-width-thin) solid var(--border-default)}.border-none{border:none}.rounded-small{border-radius:var(--radius-small)}.rounded-medium{border-radius:var(--radius-medium)}.rounded-large{border-radius:var(--radius-large)}.rounded-xlarge{border-radius:var(--radius-xlarge)}.rounded-full{border-radius:var(--radius-rounded)}.rounded-none{border-radius:0}.shadow-0{box-shadow:var(--elevation-0)}.shadow-1{box-shadow:var(--elevation-1)}.shadow-2{box-shadow:var(--elevation-2)}.shadow-4{box-shadow:var(--elevation-4)}.shadow-8{box-shadow:var(--elevation-8)}.shadow-16{box-shadow:var(--elevation-16)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.bg-primary-color{background-color:var(--primary-default)}.bg-secondary-color{background-color:var(--secondary-default)}.bg-success{background-color:var(--success)}.bg-error{background-color:var(--error)}.bg-warning{background-color:var(--warning)}.bg-info{background-color:var(--info)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-medium)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background-color:var(--primary-muted);color:var(--text-inverse)}::selection{background-color:var(--primary-muted);color:var(--text-inverse)}:focus{outline:2px solid var(--primary-default);outline-offset:2px}:focus:not(:focus-visible){outline:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary)}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}table{border-collapse:collapse;width:100%}@media (max-width:479px){.hide-xs{display:none!important}}@media (max-width:640px){.hide-mobile{display:none!important}}@media (max-width:767px){.hide-sm{display:none!important}}@media (min-width:768px) and (max-width:1023px){.hide-md{display:none!important}}@media (min-width:641px) and (max-width:1024px){.hide-tablet{display:none!important}}@media (min-width:1024px) and (max-width:1279px){.hide-lg{display:none!important}}@media (min-width:1025px){.hide-desktop{display:none!important}}@media (min-width:1280px){.hide-xl{display:none!important}}@media (min-width:480px){.show-xs-only{display:none!important}}@media (min-width:768px){.show-mobile-only{display:none!important}}@media (max-width:767px){.show-tablet-up{display:none!important}}@media (max-width:1023px){.show-desktop-up{display:none!important}}@media (max-width:768px){.mobile-p-0{padding:0!important}.mobile-p-1{padding:4px!important}.mobile-p-2{padding:8px!important}.mobile-p-3{padding:12px!important}.mobile-p-4{padding:16px!important}.mobile-px-0{padding-left:0!important;padding-right:0!important}.mobile-px-2{padding-left:8px!important;padding-right:8px!important}.mobile-px-3{padding-left:12px!important;padding-right:12px!important}.mobile-gap-2{gap:8px!important}.mobile-gap-3{gap:12px!important}.mobile-text-sm{font-size:14px!important}.mobile-text-base{font-size:16px!important}.mobile-full-width{width:100%!important}.mobile-stack,.mobile-flex-col{flex-direction:column!important}.mobile-items-start{align-items:flex-start!important}.mobile-items-stretch{align-items:stretch!important}}@media (max-width:1280px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.responsive-grid-1,.responsive-grid-2{grid-template-columns:1fr!important}}@media (max-width:1024px){.container,.container-fluid{padding:0 var(--spacing-sm)}}@media (max-width:768px){.container,.container-fluid{padding:0 12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-fadein{0%{opacity:0}to{opacity:1}}.spinner{border:3px solid var(--border-light);border-top-color:var(--primary-default);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner-large{border-width:4px;width:48px;height:48px}.spinner-small{border-width:2px;width:16px;height:16px}.loading-container{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;min-height:200px;animation:.3s ease-out loading-fadein;display:flex}.loading-spinner{border:4px solid var(--border-light);border-top-color:var(--primary-default);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-container p{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:500}.container{width:100%;max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{margin:0 calc(var(--spacing-sm) * -1);flex-wrap:wrap;display:flex}.col{padding:0 var(--spacing-sm);flex:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modern-select{font-family:"Outfit", var(--font-primary), sans-serif;color:#1f2937;cursor:pointer;appearance:none;vertical-align:middle;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:12px;min-width:160px;height:45px;padding:12px 44px 12px 16px;font-size:14px;font-weight:500;line-height:1.4;transition:all .2s;box-shadow:0 1px 2px #0000000d}.modern-select:hover{border-color:#d1d5db;box-shadow:0 2px 4px #00000014}.modern-select:focus{border-color:var(--brand-primary,#84bd00);outline:none;box-shadow:0 0 0 3px #84bd001f}.modern-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f9fafb}.modern-select option{font-family:"Outfit", var(--font-primary), sans-serif;color:#1f2937;background-color:#fff;padding:12px 16px;font-size:14px;font-weight:400}.modern-select option:checked,.modern-select option:hover{background-color:#f3f4f6}.modern-select.select-sm{border-radius:10px;min-width:130px;height:38px;padding:8px 36px 8px 12px;font-size:13px}.modern-select.select-lg{border-radius:14px;min-width:200px;height:52px;padding:14px 48px 14px 18px;font-size:15px}.modern-select.select-full{width:100%;min-width:unset}.page-container{background:#fff;flex-direction:column;gap:10px;width:100%;max-width:none;min-height:calc(100vh - 74px);padding:0;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.page-title{font-family:"Outfit", var(--font-primary), sans-serif;color:#1f2937;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.page-subtitle{font-family:"Outfit", var(--font-primary), sans-serif;color:#6b7280;margin:0;font-size:1rem;font-weight:400}.section-gap{margin-bottom:10px}.stats-grid-10{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px;display:grid}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-spinner-dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}@keyframes loading-spinner-fadein{0%{opacity:0}to{opacity:1}}.loading-spinner-svg{animation:1.4s linear infinite loading-spinner-rotate;display:block}.loading-spinner-track{stroke:var(--border-light,#e5e7eb);fill:none}.loading-spinner-arc{fill:none;stroke-linecap:round;animation:1.4s ease-in-out infinite loading-spinner-dash}.loading-spinner-color-primary .loading-spinner-arc{stroke:var(--primary-default,#80bc00)}.loading-spinner-color-secondary .loading-spinner-arc{stroke:var(--secondary-default,#002c4d)}.loading-spinner-color-inherit .loading-spinner-arc{stroke:currentColor}.loading-spinner-color-inherit .loading-spinner-track{stroke:currentColor;opacity:.25}.loading-spinner-size-small .loading-spinner-svg{width:16px;height:16px}.loading-spinner-size-small .loading-spinner-track,.loading-spinner-size-small .loading-spinner-arc{stroke-width:5px}.loading-spinner-size-medium .loading-spinner-svg{width:24px;height:24px}.loading-spinner-size-medium .loading-spinner-track,.loading-spinner-size-medium .loading-spinner-arc{stroke-width:4px}.loading-spinner-size-large .loading-spinner-svg{width:48px;height:48px}.loading-spinner-size-large .loading-spinner-track,.loading-spinner-size-large .loading-spinner-arc{stroke-width:3px}.loading-spinner-wrapper{flex-direction:column;align-items:center;gap:12px;animation:.3s ease-out loading-spinner-fadein;display:inline-flex}.loading-spinner-fullpage{background:var(--bg-primary,#fff);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.loading-spinner-text{font-family:var(--font-primary,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);color:var(--text-secondary,#6c757d);margin:0;font-size:.875rem;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{width:100%;height:100vh}button,input{font-family:inherit}.dashboard-layout{background:#fff;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;margin-left:280px;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #e5e7eb;width:280px;height:100vh;position:fixed;top:0;left:0;overflow-y:visible;box-shadow:0 4px 6px -1px #0000001a}.sidebar-header{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.logo{justify-content:center;align-items:center;display:flex}.logo-image{width:auto;height:40px}.user-badge{background:linear-gradient(135deg, var(--brand-primary,#84bd00), #dc2626);color:#fff;text-align:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.sidebar-nav{padding:1rem}.nav-section{margin-bottom:2rem}.nav-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.nav-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{margin:0}.nav-link{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#374151;background:#f3f4f6}.nav-link.active{background:var(--brand-primary,#84bd00);color:#fff}.sub-nav{flex-direction:column;gap:.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.sub-nav-link{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;transition:all .2s;display:flex}.sub-nav-link:hover{color:#374151;background:#f3f4f6}.sub-nav-link.active{background:rgba(var(--brand-primary-rgb,132, 189, 0), .1);color:var(--brand-primary,#84bd00)}.top-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-left{flex:1;align-items:center;gap:1.5rem;display:flex}.page-title{color:#1e293b;margin:0 0 .25rem;font-size:1.5rem;font-weight:700;line-height:1.2}.breadcrumb{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumb .separator{color:#cbd5e1}.breadcrumb .current{color:var(--brand-primary,#84bd00);font-weight:500}.header-right{align-items:center;gap:1rem;display:flex}.content-area{background:#fff;min-height:calc(100vh - 80px);padding:0;overflow:visible}.content-placeholder{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:center;align-items:center;height:400px;margin:2rem;font-size:1.125rem;font-weight:500;display:flex}input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:.25rem;width:18px;height:18px;transition:all .2s;position:relative}.MuiCheckbox-root input[type=checkbox],.MuiSwitch-root input[type=checkbox],.MuiRadio-root input[type=radio]{opacity:0;background:0 0;border:0;border-radius:0;width:100%;height:100%;transition:none;position:absolute;top:0;left:0}.MuiCheckbox-root input[type=checkbox]:checked,.MuiSwitch-root input[type=checkbox]:checked,.MuiRadio-root input[type=radio]:checked{background:0 0;border:0}.MuiCheckbox-root input[type=checkbox]:checked:before,.MuiRadio-root input[type=radio]:checked:before{content:none}.MuiCheckbox-root input[type=checkbox]:hover,.MuiSwitch-root input[type=checkbox]:hover,.MuiRadio-root input[type=radio]:hover{border:0}.MuiCheckbox-root input[type=checkbox]:focus,.MuiSwitch-root input[type=checkbox]:focus,.MuiRadio-root input[type=radio]:focus{box-shadow:none}input[type=checkbox]:checked{background:var(--brand-primary,#84bd00);border-color:var(--brand-primary,#84bd00)}input[type=checkbox]:checked:before{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:hover{border-color:var(--brand-primary,#84bd00)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #eb243f1a}input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:50%;width:18px;height:18px;transition:all .2s;position:relative}input[type=radio]:checked{border-color:var(--brand-primary,#84bd00);background:#fff}input[type=radio]:checked:before{content:"";background:var(--brand-primary,#84bd00);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:hover{border-color:var(--brand-primary,#84bd00)}input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #eb243f1a}