.hamburger-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;padding:10px;transition:background .2s,border-color .2s;display:flex}.hamburger-btn:hover{background:#ffffff1a;border-color:#5e8b7e66}.hamburger-bar{transform-origin:50%;background:#f1f5f9;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s}.hamburger-btn.open .hamburger-bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;animation:.25s both backdrop-in;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.drawer{-webkit-backdrop-filter:blur(24px);z-index:101;background:#0b1121f2;border-left:1px solid #ffffff1a;flex-direction:column;width:320px;max-width:90vw;height:100vh;animation:.3s cubic-bezier(.34,1.2,.64,1) both drawer-in;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 40px #0006}@keyframes drawer-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-header{background:linear-gradient(135deg,#0b1121cc,#1e293b66);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-brand{align-items:center;gap:12px;display:flex}.drawer-brand-text{flex-direction:column;gap:2px;display:flex}.drawer-brand-name{color:#f1f5f9;letter-spacing:.2px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.drawer-brand-tagline{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:500}.drawer-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:background .2s,color .2s;display:flex}.drawer-close-btn:hover{color:#f1f5f9;background:#ffffff1f}.drawer-profile{background:linear-gradient(#5e8b7e0f,#0000);border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.drawer-avatar{border:2px solid #5e8b7e80;border-radius:50%;width:72px;height:72px;box-shadow:0 4px 20px #5e8b7e33}.drawer-avatar-placeholder{color:#0b1121;background:linear-gradient(135deg,#5e8b7e,#d6c291);border:2px solid #5e8b7e80;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:Outfit,sans-serif;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 20px #5e8b7e33}.drawer-user-name{color:#f1f5f9;text-align:center;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.drawer-user-email{color:#64748b;text-align:center;font-size:13px}.drawer-section{padding:16px 16px 8px}.drawer-section-label{color:#475569;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;padding:0 8px;font-size:11px;font-weight:600}.drawer-item{cursor:pointer;color:#94a3b8;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.drawer-item:hover{color:#f1f5f9;background:#ffffff0f}.drawer-item-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.drawer-divider{background:#ffffff0f;height:1px;margin:8px 16px}.drawer-signout{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:calc(100% - 32px);margin:8px 16px 24px;padding:13px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.drawer-signout:hover{background:#ef444429;border-color:#ef444480}.drawer-spacer{flex:1}