:root{--color-primary:#002d72;--color-primary-hover:#001f52;--color-primary-light:#e6ecf7;--color-accent:gold;--color-accent-hover:#e6c200;--color-accent-light:#fffbe6;--color-secondary:#1d9e75;--color-secondary-hover:#178a63;--color-secondary-light:#e6f5ee;--color-alert:#ef9f27;--color-alert-hover:#d88b1f;--color-alert-light:#fef3e2;--color-danger:#e24b4a;--color-danger-hover:#c73c3b;--color-danger-light:#fdeeee;--color-success:#1d9e75;--color-success-light:#e6f5ee;--color-bg:#f5f7fa;--color-surface:#fff;--color-border:#dde3ee;--color-border-light:#f0f3f9;--color-text:#0d1b3e;--color-text-secondary:#4a5568;--color-text-muted:#8a96a8;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--sidebar-width:240px;--header-height:64px;--panel-width:280px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{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-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-alert{color:var(--color-alert)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-danger{background-color:var(--color-danger)}.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-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.card,.card-interactive{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 1px 3px rgba(0,0,0,.04)}.card-interactive{transition:box-shadow .15s ease,transform .15s ease}.card-interactive:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.card-interactive{transition:box-shadow .15s ease}.card-interactive:hover{transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:44px;font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border-light)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-border-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;padding:12px 16px;font-size:16px;font-family:var(--font-sans);border:1px solid #d1d5db;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.input:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,45,114,.1)}.input::placeholder,input::placeholder,textarea::placeholder{color:#9ca3af}.label{display:block;font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-1)}.badge,.label{font-weight:500}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-secondary{background:var(--color-secondary-light);color:var(--color-secondary)}.badge-alert{background:var(--color-alert-light);color:var(--color-alert)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.skeleton{background:var(--color-border-light);border-radius:var(--radius-md)}@media (prefers-reduced-motion:no-preference){.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-border-light)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout,.main-area{display:flex;min-height:100vh}.main-area{flex:1 1;flex-direction:column;margin-left:var(--sidebar-current-width,var(--sidebar-width));transition:margin-left .25s ease}.content{flex:1 1;padding:var(--space-6);margin-top:var(--header-height)}@media (max-width:1024px){.main-area{margin-left:0}}main{min-height:calc(100vh - 60px)}button{cursor:pointer}button:disabled{cursor:not-allowed}[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}td,th{padding:var(--space-3) var(--space-4)}td{border-bottom:1px solid var(--color-border-light);font-size:var(--text-base)}tr:last-child td{border-bottom:none}.tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skipLink{position:absolute;top:-100px;left:0;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;z-index:9999;transition:top var(--transition-fast)}.skipLink:focus{top:0}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text:#000;--color-primary:#00f}}