: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: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--bg-dark: #1b2b4c;--text-primary: #1b2b4c;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--text-inverse: #ffffff;--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: "Lufga", 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 rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--elevation-2: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--elevation-4: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--elevation-8: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--elevation-16: 0 20px 40px rgba(0, 0, 0, .2);--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: #ffffff;--brand-text-on-gradient: #ffffff;--brand-success: #16a34a;--brand-error: #dc2626;--brand-warning: #f59e0b;--brand-info: #0ea5e9;--brand-font-heading: "Lufga", system-ui, sans-serif;--brand-font-body: "Lufga", system-ui, sans-serif;--brand-font-weight-heading: 700;--brand-font-weight-body: 400}@font-face{font-family:Lufga;src:url(/fonts/LufgaLight.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaMedium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaSemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaBold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Lufga;src:url(/fonts/LufgaBlack.woff) format("woff");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);line-height:16px;color:var(--text-secondary)}.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);text-decoration:none;transition:color var(--transition-fast)}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{font-family:Courier New,Courier,monospace;background-color:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-small);font-size:.9em}pre{background-color:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-medium);overflow-x:auto;margin:0 0 var(--spacing-sm) 0}pre code{background-color:transparent;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)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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)}::-moz-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;border:none;background: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{flex-direction:column!important}}@media (max-width: 768px){.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{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-light);border-top-color:var(--primary-default);border-radius:50%;animation:spin .6s linear infinite}.spinner-large{width:48px;height:48px;border-width:4px}.spinner-small{width:16px;height:16px;border-width:2px}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:var(--spacing-sm)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary-default);border-radius:50%;animation:spin .8s linear infinite}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-sm) * -1)}.col{flex:1;padding:0 var(--spacing-sm)}.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}.modern-select{font-family:"Lufga",var(--font-primary),sans-serif;font-size:14px;font-weight:500;color:#1f2937;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-repeat:no-repeat;background-position:right 14px center;border:1px solid #e5e7eb;border-radius:12px;padding:12px 44px 12px 16px;cursor:pointer;transition:all .2s ease;min-width:160px;height:45px;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 1px 2px #0000000d;line-height:1.4;vertical-align:middle}.modern-select:hover{border-color:#d1d5db;box-shadow:0 2px 4px #00000014}.modern-select:focus{outline:none;border-color:var(--brand-primary, #84BD00);box-shadow:0 0 0 3px #84bd001f}.modern-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f9fafb}.modern-select option{font-family:"Lufga",var(--font-primary),sans-serif;font-size:14px;font-weight:400;color:#1f2937;padding:12px 16px;background-color:#fff}.modern-select option:checked,.modern-select option:hover{background-color:#f3f4f6}.modern-select.select-sm{font-size:13px;padding:8px 36px 8px 12px;border-radius:10px;min-width:130px;height:38px}.modern-select.select-lg{font-size:15px;padding:14px 48px 14px 18px;border-radius:14px;min-width:200px;height:52px}.modern-select.select-full{width:100%;min-width:unset}.page-container{display:flex;flex-direction:column;gap:10px;padding:0;background:#fff;min-height:calc(100vh - 74px);width:100%;max-width:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.page-title{font-family:"Lufga",var(--font-primary),sans-serif;font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.page-subtitle{font-family:"Lufga",var(--font-primary),sans-serif;font-size:1rem;font-weight:400;color:#6b7280;margin:0}.section-gap{margin-bottom:10px}.stats-grid-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;height:100vh}button,input{font-family:inherit}.dashboard-layout{display:flex;min-height:100vh;background:#fff}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;z-index:20;overflow-y:visible}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.logo{display:flex;align-items:center;justify-content:center}.logo-image{height:40px;width:auto}.user-badge{background:linear-gradient(135deg,var(--brand-primary, #84BD00),#dc2626);color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-align:center;font-size:.875rem;font-weight:600}.sidebar-nav{padding:1rem}.nav-section{margin-bottom:2rem}.nav-title{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.nav-item{margin:0}.nav-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.active{background:var(--brand-primary, #84BD00);color:#fff}.sub-nav{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}.sub-nav-link{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem 2.5rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:left}.sub-nav-link:hover{background:#f3f4f6;color:#374151}.sub-nav-link.active{background:rgba(var(--brand-primary-rgb, 132, 189, 0),.1);color:var(--brand-primary, #84BD00)}.top-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;line-height:1.2}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.breadcrumb .separator{color:#cbd5e1}.breadcrumb .current{color:var(--brand-primary, #84BD00);font-weight:500}.header-right{display:flex;align-items:center;gap:1rem}.content-area{padding:0;background:#fff;min-height:calc(100vh - 80px);overflow:visible}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#fff}.loading-spinner{color:var(--brand-primary, #84BD00);font-size:1.125rem;font-weight:500}.content-placeholder{display:flex;justify-content:center;align-items:center;height:400px;background:#fff;border-radius:.75rem;margin:2rem;border:1px solid #e5e7eb;color:#6b7280;font-size:1.125rem;font-weight:500}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;position:relative;transition:all .2s}input[type=checkbox]:checked{background:var(--brand-primary, #84BD00);border-color:var(--brand-primary, #84BD00)}input[type=checkbox]:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}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;-webkit-appearance:none;width:18px;height:18px;background:#fff;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;position:relative;transition:all .2s}input[type=radio]:checked{background:#fff;border-color:var(--brand-primary, #84BD00)}input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--brand-primary, #84BD00);border-radius:50%}input[type=radio]:hover{border-color:var(--brand-primary, #84BD00)}input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #eb243f1a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}