*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f6fb;--surface: #ffffff;--surface2: #f0f2f7;--surface3: #e8ebf2;--border: #e2e6ef;--border-strong: #c5cad8;--text-primary: #0f1623;--text-secondary: #4a5568;--text-muted: #9aa3b5;--accent: #2563eb;--accent-light: #eff6ff;--accent-hover: #1d4ed8;--accent-dim: #dbeafe;--success: #16a34a;--success-light: #f0fdf4;--danger: #dc2626;--danger-light: #fef2f2;--warning: #d97706;--warning-light: #fffbeb;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-xl: 0 24px 56px rgba(0,0,0,.14), 0 8px 20px rgba(0,0,0,.07);--radius-sm: 6px;--radius: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--ease: cubic-bezier(.4,0,.2,1);--duration: .14s;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:15px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:.875rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.data-row{transition:background var(--duration) var(--ease)}.data-row:hover>td{background:#f0f5ff!important}.nav-link:hover{background:var(--surface2)!important;color:var(--text-primary)!important}.stat-card{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important;border-color:var(--accent-dim)!important}.quick-card{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),background var(--duration) var(--ease)}.quick-card:hover{transform:translateY(-1px);background:var(--accent-light)!important;box-shadow:var(--shadow)!important}.btn-primary{transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)!important;box-shadow:0 2px 8px #2563eb59!important}.btn-ghost{transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.btn-ghost:hover:not(:disabled){background:var(--surface3)!important}.filter-input:focus{border-color:var(--accent)!important;outline:none}.search-box-focused{border-color:var(--accent)!important}.mono{font-family:DM Mono,monospace}