#myeventAdminPanel{font:inherit;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#myeventAdminPanel .adminTopbar{position:sticky;top:0;z-index:2;background:#080d18;padding-top:4px}
#myeventAdminPanel .adminHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}
#myeventAdminPanel .adminHeader h2{font-size:clamp(18px,4.5vw,26px);min-width:0;line-height:1.25}
#myeventAdminPanel .adminHeader button{flex-shrink:0;white-space:nowrap}
#myeventAdminPanel [data-admin-view]{max-width:940px;margin:auto;padding-bottom:32px}
#myeventAdminPanel [data-admin-view] h3{margin:24px 0 12px}
#myeventAdminPanel #myeventAdminNav{background:#080d18;scrollbar-width:thin;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:16px}
#myeventAdminNav button{scroll-snap-align:start;border:1px solid #ffffff38;border-radius:999px;background:#1a2333;color:#fff;padding:8px 14px}
#myeventAdminNav button[aria-current=page]{border-color:var(--myevent-accent,#fa7642);background:rgba(var(--myevent-accent-rgb,250,118,66),.2);box-shadow:0 0 0 1px var(--myevent-accent,#fa7642);outline:0}
#myeventAdminMessage{min-height:1.5em;color:#cbd5e1;overflow-wrap:anywhere}
#myeventAdminMessage[data-state=error]{color:#ff9292}
#myeventAdminMessage[data-state=success]{color:#88efb5}
#myeventAdminPanel .adminSearch{display:block;max-width:600px;margin:16px 0}
#myeventAdminPanel .adminSearch input{margin-top:6px}
#myeventAdminPanel input,#myeventAdminPanel select{font-size:16px;max-width:100%}
#myeventAdminPanel .adminList{display:grid;gap:10px;margin:14px 0 22px;min-width:0}
#myeventAdminPanel .adminCard{border:1px solid #ffffff30;border-radius:14px;background:#151d2b;padding:14px;min-width:0}
#myeventAdminPanel .adminCard h4{margin:0 0 6px;font-size:1rem;overflow-wrap:anywhere}
#myeventAdminPanel .adminCard p{margin:5px 0;color:#cbd5e1;overflow-wrap:anywhere}
#myeventAdminPanel .adminCard small{color:#aab6c9;overflow-wrap:anywhere}
#myeventAdminPanel .adminAvatarText{display:grid;place-items:center;background:#26344a;font-size:24px}
#myeventAdminPanel .adminActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#myeventAdminPanel .adminActions button{padding:8px 12px;background:#222e40;color:#fff;border:1px solid #ffffff55;border-radius:10px;min-height:44px}
#myeventAdminPanel .adminActions button.adminDanger{border-color:#ec7777;color:#ffb4b4}
#myeventAdminPanel button:disabled{opacity:.5}
#myeventAdminPanel button:focus-visible,#myeventAdminPanel input:focus-visible,#myeventAdminPanel select:focus-visible{outline:2px solid var(--myevent-accent,#fa7642);outline-offset:2px}
#myeventAdminPanel .adminAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover;float:left;margin-right:10px}
@media(max-width:600px){#myeventAdminPanel>div{padding-bottom:calc(42px + env(safe-area-inset-bottom))}#myeventAdminPanel .myeventAdminStat{padding:14px}#myeventAdminPanel .adminCard{padding:12px}}

#myeventAdminPanel .adminReservationFilters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#myeventAdminPanel .adminReservationFilters button{min-height:42px;padding:8px 12px;border:1px solid #ffffff38;border-radius:999px;background:#1a2333;color:#fff}
#myeventAdminPanel .adminReservationFilters button[aria-pressed=true]{border-color:var(--myevent-accent,#fa7642);box-shadow:0 0 0 1px var(--myevent-accent,#fa7642)}

#myeventAdminPanel .adminStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0 24px}

#myeventAdminPanel .adminMobileHint{color:#aab6c9;font-size:.9rem;line-height:1.45}
#myeventAdminPanel .adminCard{overflow:hidden}
#myeventAdminPanel .adminCard small{display:block}
#myeventAdminPanel .adminActions select{min-height:44px;flex:1 1 150px}
@media(max-width:600px){
 #myeventAdminPanel{padding-left:10px!important;padding-right:10px!important}
 #myeventAdminPanel .adminTopbar{margin:0 -2px}
 #myeventAdminPanel .adminHeader{padding:8px 0}
 #myeventAdminPanel .adminHeader h2{font-size:20px}
 #myeventAdminPanel #myeventAdminNav{margin:0 -10px;padding:10px 10px 14px;scroll-padding-inline:10px}
 #myeventAdminNav button{min-height:44px;padding:9px 13px}
 #myeventAdminPanel [data-admin-view] h3{margin-top:18px}
 #myeventAdminPanel .adminStatsGrid,#myeventAdminStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #myeventAdminPanel .myeventAdminStat{min-width:0;padding:12px!important}
 #myeventAdminPanel .myeventAdminStat span{font-size:.82rem;overflow-wrap:anywhere}
 #myeventAdminPanel .myeventAdminStat strong{font-size:1.45rem}
 #myeventAdminPanel .adminSearch{width:100%;margin:12px 0}
 #myeventAdminPanel .adminReservationFilters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #myeventAdminPanel .adminReservationFilters button{min-width:0;padding:8px 5px;font-size:.84rem}
 #myeventAdminPanel .adminActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
 #myeventAdminPanel .adminActions button,#myeventAdminPanel .adminActions select{width:100%;min-width:0}
}
@media(max-width:340px){
 #myeventAdminPanel .adminStatsGrid,#myeventAdminStats{grid-template-columns:1fr!important}
 #myeventAdminPanel .adminReservationFilters{grid-template-columns:1fr}
}

#myeventAdminPanel .adminUserDetail{border:1px solid #ffffff30;border-radius:16px;background:#101827;padding:14px;margin:14px 0 24px;scroll-margin-top:130px}
#myeventAdminPanel .adminUserDetail[hidden]{display:none!important}
#myeventAdminPanel .adminUserDetailHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#myeventAdminPanel .adminUserDetailHead h4{margin:0}
#myeventAdminPanel .adminUserIdentity{min-width:0;margin-bottom:14px}
#myeventAdminPanel .adminUserIdentity h4,#myeventAdminPanel .adminUserIdentity p{margin:4px 0;overflow-wrap:anywhere}
#myeventAdminPanel .adminUserFacts{display:grid;gap:8px}
#myeventAdminPanel .adminUserFact{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid #ffffff1f}
#myeventAdminPanel .adminUserFact span{color:#aab6c9}
#myeventAdminPanel .adminUserFact strong{text-align:right;overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){
 #myeventAdminPanel .adminUserDetail{padding:12px}
 #myeventAdminPanel .adminUserFact{display:grid;gap:4px}
 #myeventAdminPanel .adminUserFact strong{text-align:left}
}

#myeventAdminPanel .adminDashboardSection{margin:20px 0}
#myeventAdminPanel .adminDashboardSection h4{margin:0 0 10px}
#myeventAdminPanel .adminQuickGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px}
#myeventAdminPanel .adminQuickGrid button{min-width:0;min-height:52px;border:1px solid #ffffff30;border-radius:12px;background:#151d2b;color:#fff;text-align:left;padding:11px}
#myeventAdminPanel .adminQuickCard{display:flex;align-items:center;justify-content:space-between;gap:10px}
#myeventAdminPanel .adminQuickCard span{overflow-wrap:anywhere}
#myeventAdminPanel .adminQuickCard strong{font-size:1.3rem}
#myeventAdminPanel .adminQuickCard.adminQuickUrgent{border-color:#ec7777}
@media(max-width:600px){#myeventAdminPanel .adminQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){#myeventAdminPanel .adminQuickGrid{grid-template-columns:1fr}}

#myeventAdminPanel .adminPartnerStatus{display:inline-flex;margin:8px 0 2px;padding:5px 9px;border-radius:999px;border:1px solid #ffffff35;font-size:.8rem;font-weight:700}
#myeventAdminPanel .adminPartnerStatus.isActive{border-color:#65d99b;color:#9af0bd}
#myeventAdminPanel .adminPartnerStatus.isPending{border-color:#e6bc63;color:#f3d692}
#myeventAdminPanel .adminPartnerStatus.isInactive{color:#aab6c9}