:root{--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--secondary-500: #EC4899;--success-400: #34D399;--success-500: #10B981;--warning-400: #FBBF24;--warning-500: #F59E0B;--error-400: #FB7185;--error-500: #EF4444;--error-600: #DC2626;--info-500: #0EA5E9;--bg-body: #020617;--bg-surface: #0F172A;--bg-elevated: #1E293B;--bg-hover: #334155;--bg-active: #475569;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748B;--border: rgba(148, 163, 184, .12);--border-light: rgba(148, 163, 184, .08);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);--gradient-error: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);--gradient-admin: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--gradient-supervisor: linear-gradient(135deg, #EC4899 0%, #F43F5E 100%);--gradient-accountant: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-packager: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-scanner: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 100%);--gradient-hr: linear-gradient(135deg, #F97316 0%, #FB923C 100%);--gradient-investigator: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-edge: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-core: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-vps: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh}#app{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.p-button,.p-inputtext{font-family:Inter,sans-serif}body{--p-primary-color: var(--primary-500);--p-primary-contrast-color: #ffffff;--p-surface-0: var(--bg-body);--p-surface-100: var(--bg-surface);--p-surface-200: var(--bg-elevated);--p-surface-300: var(--bg-hover);--p-text-color: var(--text-primary)}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}