:root{--primary-black: #1a1a1a;--secondary-black: #2d2d2d;--accent-gold: #d4af37;--light-gold: #f4e4a1;--dark-gold: #b8941f;--text-light: #e0e0e0;--text-muted: #b0b0b0;--border-color: #404040}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--primary-black);color:var(--text-light);line-height:1.6}.sidebar{width:250px;background:linear-gradient(180deg,var(--secondary-black) 0%,var(--primary-black) 100%);border-right:2px solid var(--accent-gold);box-shadow:2px 0 10px #d4af371a;min-height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:all .3s ease}.sidebar.collapsed{width:70px}.main-header{background:linear-gradient(135deg,var(--primary-black) 0%,var(--secondary-black) 100%);border-bottom:2px solid var(--accent-gold);box-shadow:0 4px 20px #d4af3733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:999}.page-title{background:linear-gradient(45deg,var(--accent-gold),var(--light-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,175,55,.3);font-weight:700}.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;color:var(--text-light);padding:12px 20px;display:block;text-decoration:none;margin:5px 10px;border-radius:5px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black)!important;transform:translate(5px);border-left:3px solid var(--light-gold);box-shadow:0 4px 15px #d4af374d}.btn-gold{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black);font-weight:600;transition:all .3s ease;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-secondary{background:var(--secondary-black);color:var(--text-light);border:1px solid var(--border-color);padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-secondary:hover{background:var(--border-color)}.card{background:linear-gradient(145deg,var(--secondary-black),var(--primary-black));border:1px solid var(--border-color);box-shadow:0 8px 25px #0000004d;border-radius:10px;overflow:hidden;margin-bottom:20px}.card-header{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black);border-bottom:2px solid var(--light-gold);padding:15px 20px;font-weight:700}.card-body{padding:20px}.table-dark{background-color:var(--secondary-black);color:var(--text-light);width:100%;border-collapse:collapse}.table-dark th,.table-dark td{padding:12px 15px;border:1px solid var(--border-color);text-align:left}.table-dark th{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black)}.table-dark tr:hover{background-color:#d4af371a}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;color:var(--text-light);font-weight:500}.form-control{background-color:var(--secondary-black);border:1px solid var(--border-color);color:var(--text-light);padding:10px;border-radius:5px;width:100%;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4af3733}.form-select{background-color:var(--secondary-black);border:1px solid var(--border-color);color:var(--text-light);padding:10px;border-radius:5px;width:100%}.main-content{margin-left:250px;transition:margin-left .3s ease;min-height:100vh}.main-content.expanded{margin-left:70px}.alert{padding:15px;margin-bottom:20px;border-radius:5px}.alert-success{background-color:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#4ade80}.alert-error{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.sidebar{width:70px}.main-content{margin-left:70px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-black)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),var(--dark-gold));border-radius:10px}@keyframes goldGlow{0%{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}to{box-shadow:0 0 5px #d4af374d}}.nav-link.active{animation:goldGlow 2s infinite}.status-pending{color:#f59e0b}.status-approved{color:#10b981}.status-rejected{color:#ef4444}.collapse-content{display:none}.collapse-content.show{display:block}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}.user-info-mobile{display:flex;align-items:center;gap:.5rem}.user-info-mobile h3{font-size:.875rem;margin:0}@media(max-width:768px){.sidebar{position:fixed!important;left:-280px;top:0;height:100vh;width:280px;z-index:999;transition:left .3s ease}.sidebar.show{left:0}.main-content{margin-left:0!important;width:100%!important}.mobile-menu-btn{display:block!important}.desktop-toggle{display:none!important}.main-header{position:sticky;top:0;z-index:997;box-shadow:0 2px 4px #0000001a}.main-header .d-flex{flex-wrap:wrap}.page-title{font-size:1.25rem!important}}@media(min-width:769px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}