@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-gradient:linear-gradient(135deg, #d4af37 0%, #c9a635 100%);--secondary-gradient:linear-gradient(135deg, #e6c547 0%, #b8941f 100%);--background-gradient:linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--glass-bg:#ffffff14;--glass-border:#ffffff26;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-primary:#fff;--text-secondary:#ffffffb3;--success-color:#4ade80;--warning-color:#fbbf24;--danger-color:#f5576c;--info-color:#60a5fa;--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-focus-border:#d4af37;--shadow-color:#0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:0 2rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.logo-icon{object-fit:contain;width:auto;height:40px}.logo-text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.nav-btn{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.nav-btn.active{background:#d4af3733;border-color:#d4af3766}.dashboard-btn,.home-btn,.login-btn{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.dashboard-btn:hover,.home-btn:hover,.login-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.logout-form{margin:0;padding:0}.logout-btn{color:var(--text-primary);font-size:.9rem;font-weight:500;font-family:var(--font-family);cursor:pointer;background:#f5576c26;border:1px solid #f5576c4d;border-radius:10px;padding:.6rem 1.25rem;transition:all .3s}.logout-btn:hover{background:#f5576c40;transform:translateY(-2px)}.hamburger-btn{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);z-index:1001;background:#ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:background .3s;display:none;position:fixed;top:.75rem;right:1rem}.hamburger-btn:hover{background:#ffffff3d}.hamburger-btn .bar{background:var(--text-primary);border-radius:2px;width:22px;height:2px;margin:4px auto;transition:all .3s;display:block}.hamburger-btn.active .bar:first-child{transform:translateY(8.5px)rotate(45deg)}.hamburger-btn.active .bar:nth-child(2){opacity:0}.hamburger-btn.active .bar:nth-child(3){transform:translateY(-8.5px)rotate(135deg)}.nav-overlay{z-index:98;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.nav-overlay.active{opacity:1}@media (width<=768px){.hamburger-btn{display:flex}.nav-overlay.active{display:block}.header{padding:0 1rem}.header-content{flex-direction:row;justify-content:space-between;gap:0;height:60px;padding:0}.header-actions{border-left:1px solid var(--glass-border);z-index:200;will-change:transform;visibility:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex-direction:column;gap:.5rem;width:280px;height:100vh;padding:5rem 1.5rem 2rem;transition:transform .25s ease-out,visibility 0s .25s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.header-actions.open{visibility:visible;transition:transform .25s ease-out;transform:translate(0);box-shadow:-5px 0 30px #0006}.nav-btn,.dashboard-btn,.home-btn,.login-btn{text-align:center;width:100%;padding:.75rem 1rem;font-size:.95rem}.logout-form{width:100%;margin-top:auto}.logout-btn{width:100%}}@media (width<=1200px){.main-content{max-width:800px;margin-left:auto}}