:root{--bg: #f7f8f9;--card-bg: #ffffff;--border: #e4e7eb;--border-subtle: #eef0f2;--text-main: #111827;--text-sec: #6b7280;--text-muted: #9ca3af;--input-bg: #f9fafb;--row-hover: #f2f8fd;--head-bg: #f9fafb;--skeleton: #eef0f2;--accent: #3290C5;--accent-hover: #2274A7;--accent-light: #F2F8FD;--accent-mid: #C5E0F2;--accent-glow: rgba(50,144,197,.14);--accent-dark: #1C4F70;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: #fef2f2;--success: #10b981;--warning: #f59e0b;--grad-brand: linear-gradient(135deg, #3290C5 0%, #1D5C87 100%);--grad-hero: linear-gradient(135deg, #1C435E 0%, #1C4F70 50%, #1D5C87 100%);--grad-card: linear-gradient(160deg, rgba(50,144,197,.05) 0%, rgba(29,92,135,.02) 100%);--grad-stat: linear-gradient(135deg, #3290C5 0%, #1D5C87 100%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);--shadow-modal: 0 24px 80px rgba(0,0,0,.18), 0 8px 24px rgba(0,0,0,.07);--shadow-popup: 0 16px 48px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-btn: 0 2px 8px rgba(50,144,197,.28);--shadow-card: 0 1px 4px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);--nav-bg: rgba(255,255,255,.92);--nav-border: rgba(228,231,235,.9);--nav-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{display:flex;min-height:100vh}input,select,button,textarea{font-family:inherit}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px var(--accent-glow),0 0 0 1px var(--accent);border-color:var(--accent)!important}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c5c5d6;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.hover-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}