:root{--color-primary: #1A4A7A;--color-primary-dark: #1A2A4A;--color-primary-mid: #2E4A7A;--color-primary-light: #D6E0F0;--color-accent: #4DAADC;--color-bg: #0A1018;--color-bg-card: #0F1820;--color-bg-panel: #111E2A;--color-surface: #2E3A4A;--color-surface-light: #E8ECF0;--color-text: #E8F4FD;--color-text-dim: #8AAECC;--color-text-muted: #4A6A88;--color-border: #1E3A52;--color-rule: #C0C8D0;--color-green: #22C55E;--color-amber: #F59E0B;--color-red: #EF4444;--color-purple: #8B5CF6;--color-blue: #3B82F6;--color-dept-admin: #7A5A1A;--color-dept-isd: #1A6B9E;--color-dept-fieldops: #1A7A4A;--color-dept-secops: #5A1A7A;--color-dept-hr: #6B2A7A;--color-director: #C0392B;--font-family: "Inter", "system-ui", sans-serif;--font-mono: "Courier New", monospace;--font-size-base: 14px;--font-size-sm: 12px;--font-size-xs: 10px;--font-size-lg: 16px;--font-size-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--sidebar-width: 220px;--sidebar-collapsed: 56px;--topnav-height: 52px;--border-radius: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:Inter,"system-ui",sans-serif;font-size:14px;background:#0a1018;color:#e8f4fd;-webkit-font-smoothing:antialiased}button{cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a1018}::-webkit-scrollbar-thumb{background:#1e3a52;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2e4a7a}