:root{--color-bg: #0c0d0f;--color-bg-secondary: #141618;--color-bg-tertiary: #1c1f23;--color-bg-card: #1a1d21;--color-bg-hover: #22262c;--color-border: #2a2f38;--color-border-subtle: #1e2229;--color-gold: #c9a84c;--color-gold-light: #e8c97a;--color-gold-dark: #a07a30;--color-gold-muted: rgba(201, 168, 76, .15);--color-text-primary: #f0ede8;--color-text-secondary: #9ba3ae;--color-text-muted: #5a6370;--color-text-inverse: #0c0d0f;--color-critical: #e84343;--color-critical-bg: rgba(232, 67, 67, .12);--color-high: #f07030;--color-high-bg: rgba(240, 112, 48, .12);--color-medium: #e8b830;--color-medium-bg: rgba(232, 184, 48, .12);--color-low: #3ab87a;--color-low-bg: rgba(58, 184, 122, .12);--color-info: #4a9eff;--color-info-bg: rgba(74, 158, 255, .12);--color-approved: #3ab87a;--color-pending: #e8b830;--color-rejected: #e84343;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-gold: 0 0 20px rgba(201, 168, 76, .15);--transition-fast: .15s ease;--transition-base: .25s ease}[data-theme=light]{--color-bg: #f8f7f4;--color-bg-secondary: #f0ede8;--color-bg-tertiary: #e8e4dc;--color-bg-card: #ffffff;--color-bg-hover: #f0ede8;--color-border: #d8d2c8;--color-border-subtle: #e8e4dc;--color-text-primary: #1a1612;--color-text-secondary: #5a5248;--color-text-muted: #9a9288;--color-text-inverse: #f8f7f4;--color-gold: #8b6914;--color-gold-light: #a07a30;--color-gold-dark: #5c4510;--color-gold-muted: rgba(139, 105, 20, .1);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden;background:var(--color-bg)}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.text-display{font-family:var(--font-display)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-gold{color:var(--color-gold)}.risk-critical{color:var(--color-critical);background:var(--color-critical-bg)}.risk-high{color:var(--color-high);background:var(--color-high-bg)}.risk-medium{color:var(--color-medium);background:var(--color-medium-bg)}.risk-low{color:var(--color-low);background:var(--color-low-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-base) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}