:root{--color-primary:#eb5c01;--color-primary-light:#f08840;--color-primary-dark:#c73d00;--color-primary-green:#ff8f44;--color-white:#fff;--color-black:#1a1a1a;--color-gray-50:#f9f9f9;--color-gray-100:#f0f0f0;--color-gray-200:#e0e0e0;--color-gray-300:#d0d0d0;--color-gray-500:#999;--color-gray-600:#7a7a7a;--color-gray-700:#666;--color-gray-900:#333;--color-text-primary:#f9f9f9;--color-text-secondary:#f9f9f9;--color-success:#14af7c;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--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;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-normal:2px;--border-width-thick:3px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 4px 12px rgba(0,0,0,.15);--shadow-xl:0 8px 24px rgba(0,0,0,.2);--transition-fast:100ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-tooltip:1070;--breakpoint-xs:320px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-gray-900)}main{display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}select,textarea{color:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input{color:#535353}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(235,92,1,.1)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}input::placeholder{color:#979696;opacity:1}label{display:block;margin-bottom:var(--space-sm);color:var(--color-text-primary)}button,label{font-weight:var(--font-weight-medium)}button{font-family:inherit;font-size:var(--font-size-base);cursor:pointer;border:none;border-radius:var(--border-radius-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media (max-width:768px){.container{padding:0 var(--space-md)}}.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}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}@media (max-width:800px){.logo{width:90px;height:30px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:line-block;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-gray-700);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-500)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-small{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-block{display:block;width:100%}.card{background-color:var(--color-gray-600);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-md)}.card-body{padding:0}.card-footer{padding-top:var(--space-md);border-top:1px solid var(--color-gray-200);margin-top:var(--space-md)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-md)}.alert-success{background-color:var(--color-success-light);color:#065f46;border-left:4px solid var(--color-success)}.alert-error{background-color:var(--color-error-light);color:#7f1d1d;border-left:4px solid var(--color-error)}.alert-warning{background-color:var(--color-warning-light);color:#78350f;border-left:4px solid var(--color-warning)}.alert-info{background-color:var(--color-info-light);color:#1e3a8a;border-left:4px solid var(--color-info)}.form-group{margin-bottom:var(--space-lg)}.form-group:last-child{margin-bottom:0}.form-control{display:block;width:100%;padding:var(--space-md);font-size:var(--font-size-base);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(235,92,1,.1)}.form-control:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);color:#f7f7f7}.form-helper{color:var(--color-text-secondary)}.form-error,.form-helper{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-error{color:var(--color-error)}header{background-color:var(--color-primary);color:#fff;padding:var(--space-lg);text-align:center}header h1{font-size:var(--font-size-3xl);margin:0}header p{margin:var(--space-md) 0 0 0;opacity:.9;font-size:var(--font-size-base)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;gap:var(--space-md)}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.tabs{display:flex;gap:var(--space-sm);border-bottom:2px solid var(--color-primary);margin-bottom:var(--space-lg);overflow-x:auto}.tab-button{padding:var(--space-md) var(--space-lg);background:none;cursor:pointer;font-weight:var(--font-weight-medium);color:#888383;border:none;border-bottom:3px solid transparent;transition:all var(--transition-fast)}.tab-button:hover{color:#535252}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.loading{display:inline-block;width:1.25rem;height:1.25rem;border:3px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.stat-box{background-color:var(--color-gray-50);padding:var(--space-lg);border-radius:var(--border-radius-md);text-align:center;border:1px solid var(--color-gray-200)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-percent{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-sm)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.btn-large{padding:var(--space-md) var(--space-lg)}}