:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#0f0f18;--color-bg-tertiary:#14141f;--color-bg-elevated:#1a1a28;--color-glass-bg:rgba(20,20,35,.6);--color-glass-border:rgba(100,120,200,.15);--color-glass-highlight:rgba(140,160,255,.08);--color-accent-blue:#4f7df3;--color-accent-purple:#8b5cf6;--color-accent-cyan:#22d3ee;--color-accent-green:#22c55e;--color-accent-red:#ef4444;--color-accent-yellow:#eab308;--color-accent-gradient:linear-gradient(135deg,#4f7df3,#8b5cf6 50%,#22d3ee);--color-glow-blue:rgba(79,125,243,.4);--color-glow-purple:rgba(139,92,246,.4);--color-glow-cyan:rgba(34,211,238,.3);--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-accent:#a5b4fc;--color-border-subtle:rgba(148,163,184,.1);--color-border-medium:rgba(148,163,184,.2);--color-border-glow:rgba(79,125,243,.3);--color-status-pending:#eab308;--color-status-approved:#22c55e;--color-status-rejected:#ef4444;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow-blue:0 0 30px rgba(79,125,243,.2);--shadow-glow-purple:0 0 30px rgba(139,92,246,.2);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--container-max:1200px;--container-wide:1400px;--sidebar-width:260px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}.glass{background:var(--color-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-glow-blue)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 40px rgba(79,125,243,.4)}.btn-secondary{background:var(--color-glass-bg);color:var(--color-text-primary);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-border-glow)}.btn-danger{background:var(--color-accent-red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--color-accent-green);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.8rem}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-blue)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-accent-red);font-size:.85rem;margin-top:var(--space-xs)}.card{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.table th{font-weight:600;color:var(--color-text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.table tr:hover{background:var(--color-bg-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.badge-pending{background:rgba(234,179,8,.2);color:var(--color-status-pending)}.badge-approved{background:rgba(34,197,94,.2);color:var(--color-status-approved)}.badge-rejected{background:rgba(239,68,68,.2);color:var(--color-status-rejected)}.badge-admin{background:rgba(139,92,246,.2);color:var(--color-accent-purple)}.badge-manager{background:rgba(79,125,243,.2);color:var(--color-accent-blue)}.badge-staff{background:rgba(34,211,238,.2);color:var(--color-accent-cyan)}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:rgba(79,125,243,.3);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mb-1{margin-top:var(--space-md)}.mb-2{margin-top:var(--space-xl)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:var(--space-md)}.gap-2{gap:var(--space-xl)}@media (max-width:768px){:root{--sidebar-width:100%}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}