.header-root{z-index:100;background-color:#fff;border-bottom:1px solid #0001;padding:8px 0;transition:all .2s ease-in-out;position:sticky;top:0;left:0;right:0}.header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0 20px;display:flex}.header-logo-link{align-items:center;text-decoration:none;transition:transform .15s;display:flex}.header-logo-link:active{transform:scale(.98)}.header-hamburger-btn{width:44px;height:44px;box-shadow:none;cursor:pointer;color:#ad82ff;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,transform .15s;display:inline-flex}.header-hamburger-btn:hover{opacity:.8;background:0 0}.header-hamburger-btn:active{box-shadow:none;transform:scale(.95)}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;opacity:0;visibility:hidden;background-color:#0006;width:100vw;height:100vh;transition:opacity .25s,visibility .25s;position:fixed;top:0;left:0}.drawer-backdrop.is-open{opacity:1;visibility:visible}.drawer{width:320px;max-width:85vw;height:100vh;box-shadow:none;z-index:2001;box-sizing:border-box;background-color:#fff;border-left:none;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.is-open{transform:translate(0)}.drawer-header{background-color:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-user-card-header{align-items:center;gap:12px;display:flex;overflow:hidden}.drawer-close-btn{width:40px;height:40px;box-shadow:none;cursor:pointer;color:#1f2937;z-index:10;background-color:#f3f4f6;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:16px;right:16px}.drawer-close-btn:hover{color:#000;background-color:#e5e7eb}.drawer-close-btn:active{box-shadow:none;transform:scale(.95)}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-user-card{box-shadow:none;background-color:#f4f4f4;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.drawer-avatar{color:#000;background-color:#ad82ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-weight:700;display:flex;position:relative;overflow:hidden}.drawer-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.drawer-user-info{flex-direction:column;display:flex;overflow:hidden}.drawer-username{color:#000;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.drawer-email{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:500;overflow:hidden}.drawer-action-btn{color:#000;width:100%;box-shadow:none;cursor:pointer;box-sizing:border-box;background-color:#ad82ff;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.drawer-action-btn:hover{background-color:#c9a8ff}.drawer-action-btn:active{box-shadow:none;transform:scale(.98)}.drawer-action-btn-outline{background-color:#fff}.drawer-action-btn-outline:hover{background-color:#f4f4f4}.drawer-nav-list{flex-direction:column;gap:10px;display:flex}.drawer-nav-item{color:#000;box-shadow:none;cursor:pointer;box-sizing:border-box;text-align:left;background-color:#fff;border:2px solid #000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.drawer-nav-item:hover{background-color:#ad82ff}.drawer-nav-item:active{box-shadow:none;transform:scale(.98)}.drawer-nav-item-destructive{color:#d32f2f}.drawer-nav-item-destructive:hover{background-color:#ffebee}.drawer-auth-group{flex-direction:column;gap:14px;display:flex}