:root{--brand-blue: #2962FF;--brand-blue-hover: #1E4FD9;--brand-red: #D32F2F;--brand-dark: #1A1A2E;--brand-white: #FFFFFF;--status-green: #2E7D32;--status-orange: #ED6C02;--status-red: #D32F2F;--neutral-50: #F8F9FA;--neutral-100: #F1F3F5;--neutral-200: #E9ECEF;--neutral-400: #ADB5BD;--neutral-600: #6C757D;--neutral-800: #343A40;--neutral-900: #1A1A2E;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--max-width: 1200px;--content-width: 720px;--sidebar-width: 320px;--nav-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-out;--z-nav: 100;--z-modal-overlay: 200;--z-modal: 201;--z-toast: 300}[data-theme=dark]{--brand-dark: #FFFFFF;--neutral-50: #1A1A2E;--neutral-100: #232340;--neutral-200: #2D2D4A;--neutral-800: #E0E0E0;--neutral-900: #FFFFFF;--brand-white: #1A1A2E}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--neutral-50);color:var(--neutral-800);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--neutral-900);line-height:1.2}a{color:var(--brand-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}code,pre{font-family:JetBrains Mono,SF Mono,Fira Code,monospace}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;line-height:1;cursor:pointer;border:none;transition:background var(--transition-base),box-shadow var(--transition-base),color var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-blue);color:var(--brand-white)}.btn-primary:hover:not(:disabled){background:var(--brand-blue-hover);box-shadow:0 4px 12px #2962ff4d}.btn-secondary{background:transparent;color:var(--brand-blue);border:1.5px solid var(--brand-blue)}.btn-secondary:hover:not(:disabled){background:#2962ff0f}.btn-danger{background:var(--brand-red);color:var(--brand-white)}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-ghost{background:transparent;color:var(--neutral-600);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:#0000000a;color:var(--neutral-800)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{width:100%}.card{background:var(--brand-white);border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card--elevated:hover{box-shadow:var(--shadow-md)}.card--alert{border-left:4px solid var(--brand-red)}.card--success{border-left:4px solid var(--status-green)}.card--warning{border-left:4px solid var(--status-orange)}.trust-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-weight:600;font-size:13px;gap:6px}.trust-badge--high{background:#2e7d321a;color:var(--status-green)}.trust-badge--medium{background:#ed6c021a;color:var(--status-orange)}.trust-badge--low{background:#d32f2f1a;color:var(--status-red)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--neutral-800)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--brand-white);color:var(--neutral-800)}.form-input:focus{outline:none;border-color:var(--brand-blue);box-shadow:0 0 0 3px #2962ff1a}.form-input:disabled{background:var(--neutral-50);color:var(--neutral-400);cursor:not-allowed}.form-input--error{border-color:var(--brand-red)}.form-error{font-size:13px;color:var(--brand-red);margin-top:4px}.skeleton{background:var(--neutral-100);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-card{height:180px;border-radius:var(--radius-md)}.skeleton-line{height:16px;margin-bottom:8px;border-radius:4px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media (max-width: 1199px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}