:root{--color-primary: #4FC1E9;--color-magenta: #8B7CF6;--color-gold: #F6B83D;--bg-primary: #0B0E14;--bg-secondary: #11161F;--bg-tertiary: #181E2A;--bg-elevated: #1E2534;--border-subtle: rgba(255,255,255,.04);--border-light: rgba(255,255,255,.08);--color-bg-darkest: #0A0D14;--color-bg-dark: #0F131A;--color-bg-mid: #151A24;--text-primary: #E8ECF1;--text-secondary: #9BA3B0;--text-tertiary: #5A6370;--color-text-primary: #E8ECF1;--color-text-secondary: #8891A0;--color-text-muted: #5A6370;--color-blue: #4FC1E9;--color-cyan: #5DD0D0;--color-green: #34D399;--color-yellow: #F6B83D;--color-orange: #F59E0B;--color-red: #EF4444;--color-purple: #8B7CF6;--color-success: #22C55E;--color-danger: #EF4444;--color-warning: #F59E0B;--chart-positive: #4FC1E9;--chart-neutral: #5A6370;--chart-negative: #EF4444;--chart-intent: #5DD0D0;--chart-feedback: #34D399;--glass-bg: rgba(21,26,36,.6);--glass-border: rgba(255,255,255,.06);--glass-shadow: 0 8px 32px rgba(0,0,0,.4);--card-bg: rgba(17,22,31,.8);--card-border: rgba(255,255,255,.04);--card-radius: 10px;--card-shadow: 0 4px 24px rgba(0,0,0,.3);--card-padding: 16px;--card-gap: 12px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--fs-micro: 10px;--fs-small: 11px;--fs-body: 12px;--fs-medium: 13px;--fs-subhead: 14px;--fs-card-title: 13px;--fs-value: 18px;--fs-large: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-system);background-color:var(--color-bg-darkest);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:#6dd5f5}input,button,textarea,select{font-family:inherit;outline:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-magenta));color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #4fc1e94d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 24px;background:transparent;color:var(--color-text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff1f}.input-field{width:100%;padding:12px 16px;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;transition:border-color .2s}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4fc1e91a}.input-field.error{border-color:var(--color-danger)}.fade-in{animation:fadeIn .3s ease-out}.fade-in-fast{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riskGlow{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 12px #ef444426}}@keyframes valueChange{0%{opacity:.6;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.card-header{display:flex;align-items:center;gap:8px;padding:var(--card-padding);padding-bottom:12px;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-card-title);font-weight:600;color:var(--text-primary)}.card-body{padding:var(--card-padding)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5a63704d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#5a637099}.value-update{animation:valueChange .3s ease-out}.risk-active{animation:riskGlow 1.5s ease-in-out infinite}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-green);animation:liveDot 1.5s ease-in-out infinite}