:root{--bg: #fff3ea;--card-border: #f0b796;--input-border: #cfd8e3;--label: #1f2a37;--muted: #6b7280;--danger: #e11d48;--orange: #f97316;--orange-2: #f04b1f;--pink: #ec4899}*{box-sizing:border-box}.appContainer{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:20px}.linkButton{border:0;background:transparent;color:var(--orange);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:8px}.linkButton:hover{color:var(--pink)}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--label)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px 12px 34px}.card{width:580px}.loginWrapper,.registerWrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.loginCard{width:420px;border:2px solid var(--card-border);border-radius:8px;padding:40px 36px;background:#ffffffbf;text-align:center;box-shadow:0 4px 12px #00000014}.loginLogo{width:260px;height:auto;margin:0 auto 24px;display:block}.loginTitle{font-size:20px;font-weight:800;color:#1f2a37;margin-bottom:24px}.loginForm{display:grid;gap:16px;text-align:left}.loginField{display:grid;gap:8px}.loginLabel{font-size:13px;font-weight:700;color:var(--label)}.loginFooter{display:flex;align-items:center;gap:8px;font-size:13px}.loginFooterText{color:#6b7280}.loginFooterLink{border:0;background:transparent;color:var(--orange);font-weight:700;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.customerArea{width:580px;border:2px solid var(--card-border);border-radius:6px;padding:20px;background:#ffffffa6}.customerHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--card-border)}.customerTitle{font-size:16px;font-weight:800;color:#1f2a37}.customerBody{font-size:13px;line-height:1.6;color:#374151}.customerBody p{margin:0 0 10px}.customerDashboard{width:100%;max-width:1200px;background:#f9fafb}.customerDashboardHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.customerDashboardLogo{width:160px;height:auto}.customerDashboardUser{display:flex;align-items:center;gap:16px}.customerUserName{font-size:14px;font-weight:600;color:#6b7280}.customerLogout{border:0;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;padding:6px 12px}.customerDashboardContent{padding:0 32px 32px}.welcomeSection{margin-bottom:32px}.welcomeTitle{font-size:36px;font-weight:700;color:#4a5568;margin:0 0 8px}.welcomeSubtitle{font-size:16px;color:#6b7280;margin:0}.actionCardsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.actionCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:28px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s}.actionCard:hover{border-color:#f97316;box-shadow:0 4px 12px #f973161a}.actionCardIcon{width:56px;height:56px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.actionCardContent{flex:1}.actionCardTitle{font-size:18px;font-weight:700;color:#4a5568;margin:0 0 6px}.actionCardDesc{font-size:14px;color:#6b7280;margin:0}.actionCardArrow{font-size:24px;color:#d1d5db;flex-shrink:0}.statsRow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.statCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;position:relative}.statValue{font-size:48px;font-weight:700;color:#4a5568}.statIcon{position:absolute;bottom:20px;right:20px;font-size:48px;opacity:.1}.benefitsSection{margin-bottom:40px}.sectionTitle{font-size:24px;font-weight:700;color:#4a5568;margin:0 0 20px}.benefitsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.benefitCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;gap:16px}.benefitIcon{width:48px;height:48px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.benefitContent{flex:1}.benefitTitle{font-size:16px;font-weight:700;color:#4a5568;margin:0 0 6px}.benefitDesc{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.helpSection{margin-bottom:20px}.helpCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:28px;display:flex;justify-content:space-around;gap:32px}.helpItem{display:flex;gap:12px;align-items:flex-start}.helpIcon{width:40px;height:40px;background:#fef2f2;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.helpContent{display:flex;flex-direction:column;gap:4px}.helpLabel{font-size:13px;color:#6b7280}.helpValue{font-size:15px;font-weight:600;color:#4a5568}.adminPanelWrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.adminPanelHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.adminPanelLogo{width:140px;height:auto}.mobileMenuToggle{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:101}.hamburger{width:100%;height:3px;background:var(--orange);border-radius:2px;transition:all .3s ease}.adminPanelNav{display:flex;gap:4px;flex:1;justify-content:center}.adminNavItem{border:0;background:transparent;color:#6b7280;font-size:14px;font-weight:600;padding:10px 20px;cursor:pointer;border-radius:6px;transition:all .2s;position:relative}.adminNavItem:hover{background:#f3f4f6;color:#374151}.adminNavItem.active{color:var(--orange);background:#fff7ed}.adminNavItem.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:3px;background:var(--orange)}.adminPanelLogout{border:0;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s}.adminPanelLogout:hover{background:#fee2e2;color:#dc2626}.adminPanelContent{flex:1;padding:32px;overflow-y:auto;max-width:1400px;width:100%;margin:0 auto}.adminDashboard{width:100%;max-width:1100px;margin:0 auto}.dashboardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dashboardCard{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px 24px;min-height:180px;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;justify-content:flex-start}.dashboardCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #f9731626;transform:translateY(-2px)}.cardSubtitle{font-size:13px;color:#9ca3af;margin-bottom:8px;font-weight:400}.cardTitle{font-size:28px;font-weight:700;color:#4a5568;margin-bottom:12px}.cardIcon{position:absolute;bottom:24px;right:24px;font-size:64px;opacity:.15}.adminBody{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.adminBody.table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;min-width:100%;overflow-x:auto}.adminText{font-size:16px;font-weight:700;color:#1f2a37;margin-bottom:20px}.adminCard{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.adminTitle{font-size:18px;font-weight:700;color:#1f2a37;margin-bottom:16px}.adminForm{display:grid;gap:16px}.adminField{display:grid;gap:8px}.adminLabel{font-size:13px;font-weight:600;color:#374151}.adminGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.adminGrid .input{width:100%}.rolePick{grid-column:1 / -1;display:flex;gap:16px;flex-wrap:wrap;padding:12px;background:#f9fafb;border-radius:6px}.miniCheck{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.miniCheck input[type=checkbox]{width:16px;height:16px;cursor:pointer}.adminBtn{height:38px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:600;font-size:14px;cursor:pointer;padding:0 16px;transition:all .2s}.adminBtn:hover{background:#f9fafb;border-color:#9ca3af}.adminMenu{display:flex;gap:8px;flex-wrap:wrap}.adminTab{height:30px;border-radius:999px;border:1px solid var(--input-border);background:#fff;font-size:12px;font-weight:700;padding:0 12px;cursor:pointer}.adminTab.active{border-color:#94a3b8;background:#f8fafc}.adminBody{margin-top:8px}.adminText{font-size:12px;font-weight:700;margin-bottom:8px}.permList{display:grid;grid-template-columns:1fr 1fr;gap:6px}.permList{display:flex;flex-wrap:wrap;gap:8px}.permItem{padding:6px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#374151;font-weight:500}.table{display:grid;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-bottom:1px solid #f3f4f6;align-items:center}.tr:last-child{border-bottom:0}.tr>div{padding:14px 12px;font-size:13px;color:#374151;overflow:hidden;text-overflow:ellipsis}.tr.th{background:#f9fafb;font-weight:700;color:#1f2a37;border-bottom:2px solid #e5e7eb}.tr.cols4{grid-template-columns:1fr 1fr 1fr 1fr}.tr.cols5{grid-template-columns:2fr 2.5fr 1fr 1.5fr 3fr;gap:12px}.tr.cols6{grid-template-columns:2fr 2.5fr 1fr 1.5fr 4fr;gap:12px}.rolePick{grid-column:1 / -1;display:flex;gap:12px;flex-wrap:wrap}.miniCheck{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#374151}.miniCheck input{width:14px;height:14px}.rowActions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.miniBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #f9731633}.miniBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.miniInput{height:28px;font-size:12px}.small{font-size:11px;color:#374151}.pageTitle{text-align:center;font-size:13px;color:#2b2b2b;margin:6px 0 16px}.selfieBox{border:2px solid var(--card-border);border-radius:4px;padding:10px 12px 12px;background:#ffffff59}.selfieLabel{font-size:12px;font-weight:700;margin-bottom:8px}.selfieButton{width:100%;border:0;height:34px;border-radius:4px;background:#f97316;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.camIcon{width:16px;height:12px;display:inline-block;background:#fff;mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9.4 5 8 7H5a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-9a3 3 0 0 0-3-3h-3l-1.4-2H9.4ZM12 10a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6Z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9.4 5 8 7H5a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-9a3 3 0 0 0-3-3h-3l-1.4-2H9.4ZM12 10a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6Z"/></svg>')}.form{margin-top:14px}.grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:14px}.fieldLabel{font-size:12px;font-weight:700;margin:0 0 6px}.req{color:var(--danger);font-weight:700}.input,.select{width:100%;height:34px;border-radius:4px;border:1px solid var(--input-border);padding:0 10px;font-size:12px;outline:none;background:#fff}.select{padding-right:30px}.input:focus,.select:focus{border-color:#94a3b8}.fieldError{margin-top:4px;font-size:11px;color:var(--danger)}.fieldHint{margin-top:4px;font-size:10px;color:#93a0ad}.whatsRow{display:grid;grid-template-columns:54px 1fr;gap:10px}.country{padding-left:10px}.check{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:#374151}.check input{width:14px;height:14px}.serverMessage{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modalContent{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modalClose{border:0;background:transparent;font-size:24px;color:#6b7280;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.modalClose:hover{color:#dc2626}.modalBody{flex:1;overflow-y:auto;padding:24px}.searchBox{border:3px solid var(--orange);border-radius:12px;padding:20px;margin-bottom:24px;background:#fff}.searchHeader{display:flex;align-items:center;gap:8px;margin-bottom:16px}.searchIcon{font-size:20px;color:var(--orange)}.searchTitle{font-size:16px;font-weight:600;color:#374151}.searchContent{display:flex;gap:12px;align-items:center}.searchInput{flex:1;height:48px;border:1px solid #d1d5db;border-radius:6px;padding:0 16px;font-size:14px;color:#374151;transition:border-color .2s}.searchInput:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f973161a}.searchInput::placeholder{color:#9ca3af}.searchButton{height:48px;padding:0 32px;border:0;border-radius:6px;background:linear-gradient(90deg,#e91e63 0%,var(--pink) 100%);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #e91e6333}.searchButton:hover{box-shadow:0 4px 8px #e91e634d;transform:translateY(-1px)}.searchButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.clearSearchButton{margin-top:12px;border:0;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline;padding:4px 0}.clearSearchButton:hover{color:var(--orange)}.pendingHeader{display:flex;align-items:center;gap:12px;margin-bottom:24px}.pendingIcon{font-size:28px;color:var(--orange)}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.emptyIcon{font-size:80px;opacity:.3;margin-bottom:16px}.emptyText{font-size:16px;color:#9ca3af;font-weight:500}.approveBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #10b98133}.approveBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.approveBtn:disabled{opacity:.5;cursor:not-allowed}.rejectBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #ef444433}.rejectBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.rejectBtn:disabled{opacity:.5;cursor:not-allowed}.detailsBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #3b82f633}.detailsBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.detailsBtn:disabled{opacity:.5;cursor:not-allowed}.deleteBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,#dc2626,#991b1b);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #dc262633}.deleteBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.deleteBtn:disabled{opacity:.5;cursor:not-allowed}.cols6{grid-template-columns:2fr 2.5fr 1fr 1.5fr 4fr}.cols5{grid-template-columns:2fr 2.5fr 1fr 1.5fr 3fr}.userDetailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailItem{display:flex;flex-direction:column;gap:6px}.detailLabel{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detailValue{font-size:14px;color:#1f2937;font-weight:500;word-break:break-word}.pendingApprovalContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.pendingApprovalCard{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;box-shadow:0 4px 6px #0000001a;text-align:center}.pendingApprovalIcon{font-size:80px;margin-bottom:24px}.pendingApprovalTitle{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 24px}.pendingApprovalMessage{font-size:16px;color:#4b5563;line-height:1.6;margin:0 0 16px}.pendingApprovalInfo{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px;margin:24px 0;display:flex;gap:12px;text-align:left}.infoIcon{font-size:24px;flex-shrink:0}.infoText{font-size:14px;color:#92400e;line-height:1.5}.backToLoginBtn{width:100%;height:48px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s;margin-top:24px}.backToLoginBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.customerDashboard{min-height:100vh;background:var(--bg);margin:0;padding:0;width:100%;overflow-x:hidden}.dashHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:#fff;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.dashLogo{width:140px;height:auto}.dashUser{display:flex;align-items:center;gap:16px}.dashUserName{font-size:14px;font-weight:600;color:#1f2937}.dashLogout{padding:8px 20px;border-radius:6px;border:0;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.dashLogout:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.dashContent{max-width:900px;margin:0 auto;padding:40px 24px;width:100%}.welcomeSection{text-align:center;margin-bottom:40px}.welcomeTitle{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.welcomeSubtitle{font-size:16px;color:#6b7280}.actionCards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.actionCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .3s}.actionCard:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.actionCard.checkIn{border-color:var(--orange)}.actionCard.checkOut{border-color:var(--pink)}.actionIcon{font-size:48px;margin-bottom:16px}.actionTitle{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.actionSubtitle{font-size:14px;color:#6b7280}.statsSection{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.statCard{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 4px #0000001a}.statLabel{font-size:14px;color:#6b7280;margin-bottom:8px}.statValue{font-size:36px;font-weight:700;color:var(--orange)}.benefitsSection,.helpSection{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a;max-width:800px;margin-left:auto;margin-right:auto}.sectionTitle{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:24px}.benefitsList{display:grid;gap:16px}.benefitItem{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px}.benefitIcon{font-size:32px}.benefitText{font-size:16px;color:#374151;font-weight:500}.helpItems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.actionCards,.statsSection,.helpItems{grid-template-columns:1fr}}.helpItem{padding:16px;background:#f9fafb;border-radius:8px}.helpLabel{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:600;margin-bottom:8px}.helpValue{font-size:14px;color:#1f2937;font-weight:500}.psDashboard{max-width:1000px;margin:0 auto;padding:40px 24px}.psWelcome{margin-bottom:40px}.psWelcomeTitle{font-size:36px;font-weight:700;color:#4a5568;margin:0 0 8px}.psWelcomeSubtitle{font-size:16px;color:#718096;margin:0}.psActionCards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.psActionCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;text-align:left}.psActionCard:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.psCardIcon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psIconPink{background:#fce7f3;color:#ec4899}.psCardContent{flex:1}.psCardTitle{font-size:18px;font-weight:600;color:#4a5568;margin:0 0 4px}.psCardDesc{font-size:14px;color:#718096;margin:0}.psCardArrow{font-size:20px;color:#cbd5e0;flex-shrink:0}.psStatsCards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.psStatCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;position:relative}.psStatLabel{font-size:14px;color:#718096;margin-bottom:8px}.psStatValue{font-size:48px;font-weight:700;color:#4a5568;margin:0}.psStatIcon{position:absolute;bottom:20px;right:20px;color:#fce7f3}.psBenefitsSection,.psHelpSection{margin-bottom:40px}.psSectionTitle{font-size:24px;font-weight:700;color:#4a5568;margin:0 0 24px}.psBenefitsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.psBenefitCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;gap:16px}.psBenefitIcon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psBenefitContent{flex:1}.psBenefitTitle{font-size:16px;font-weight:600;color:#4a5568;margin:0 0 4px}.psBenefitDesc{font-size:14px;color:#718096;margin:0;line-height:1.5}.psHelpSection{background:#f7fafc;border-radius:12px;padding:32px}.psHelpGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.psHelpItem{display:flex;gap:12px;align-items:flex-start}.psHelpIcon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.psHelpContent{flex:1}.psHelpLabel{font-size:12px;color:#718096;margin-bottom:4px}.psHelpValue{font-size:14px;font-weight:600;color:#4a5568}@media (max-width: 768px){.psActionCards,.psStatsCards,.psBenefitsGrid,.psHelpGrid{grid-template-columns:1fr}}.adminBodyHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.adminBodyHeader h2{font-size:24px;font-weight:700;color:#1f2937;margin:0}.addBtn{height:40px;padding:0 24px;border-radius:8px;border:0;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #f9731633}.addBtn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f973164d}.editBtn{height:28px;padding:0 12px;border-radius:6px;border:0;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #3b82f633}.editBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.actionButtons{display:flex;gap:8px;justify-content:flex-start}.formGroup{margin-bottom:20px}.formGroup label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.formGroup input,.formGroup textarea,.formGroup select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;transition:border-color .2s;font-family:inherit;background:#fff}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f973161a}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#9ca3af}.formGroup textarea{resize:vertical;min-height:100px}.formGroup input[type=file]{padding:8px;cursor:pointer}.logoPreviewContainer{margin-bottom:16px;display:flex;justify-content:center;align-items:center;background:#f9fafb;border-radius:8px;padding:16px;border:2px dashed #d1d5db}.logoPreview{max-width:200px;max-height:200px;object-fit:contain;border-radius:4px}.modalActions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.cancelBtn{height:40px;padding:0 24px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancelBtn:hover{background:#f3f4f6;border-color:#9ca3af}.submitBtn{height:40px;padding:0 24px;border-radius:8px;border:0;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #f9731633}.submitBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f973164d}.submitBtn:disabled,.cancelBtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modalContent form{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:24px}.modalHeader h3{font-size:20px;font-weight:700;color:#1f2937;margin:0}.cardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.shoppingCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.shoppingCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #0000001a}.shoppingCardLogo{width:100%;height:300px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:8px;overflow:hidden}.shoppingCardLogo img{width:100%;height:100%;object-fit:cover}.logoPlaceholder{color:#d1d5db}.shoppingCardContent{flex:1;margin-bottom:20px}.shoppingCardTitle{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.shoppingCardAddress{font-size:14px;color:#6b7280;margin:0}.shoppingCardShopping{font-size:13px;color:#9ca3af;margin:4px 0 0;font-style:italic}.shoppingCardActions{display:flex;gap:12px;width:100%}.cardEditBtn,.cardDeleteBtn{flex:1;height:40px;padding:0 16px;border-radius:8px;border:0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.cardEditBtn{background:transparent;border:1px solid #e91e63;color:#e91e63}.cardEditBtn:hover{background:#fce4ec}.cardDeleteBtn{background:#ef4444;color:#fff;box-shadow:0 2px 4px #ef444433}.cardDeleteBtn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.cardEditBtn svg,.cardDeleteBtn svg{flex-shrink:0}@media (max-width: 768px){.cardsGrid{grid-template-columns:1fr}}.sponsorCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:all .2s}.sponsorCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #0000001a}.sponsorCardLogo{width:100%;height:200px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}.sponsorCardLogo img{width:100%;height:100%;object-fit:contain;padding:10px}.sponsorCardContent{flex:1;margin-bottom:20px;text-align:left}.sponsorCardTitle{font-size:20px;font-weight:700;color:#374151;margin:0 0 12px}.sponsorCardDiscount{font-size:15px;color:#374151;margin:0 0 16px;font-weight:500}.sponsorCardInfo{display:flex;align-items:center;gap:8px;color:#e91e63;font-size:14px;margin-bottom:12px}.sponsorCardInfo svg{flex-shrink:0;stroke:#e91e63}.sponsorCardLink{display:inline-flex;align-items:center;gap:8px;color:#e91e63;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.sponsorCardLink:hover{color:#c2185b}.sponsorCardLink svg{flex-shrink:0;stroke:currentColor}.sponsorCardActions{display:flex;gap:12px;width:100%}.filterSelect{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;cursor:pointer}.eventsContainer{display:flex;flex-direction:column;gap:20px}.eventCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.eventCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #0000001a}.eventCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:20px}.eventCardTitle{font-size:20px;font-weight:700;color:#374151;margin:0 0 16px;display:flex;align-items:center;gap:12px}.eventBadgeActive{background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.eventCardInfo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.eventInfoItem{font-size:14px;color:#6b7280}.eventInfoItem strong{color:#374151;margin-right:4px}.eventCode{color:#e91e63;font-weight:600;font-family:monospace}.eventSponsor{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;margin-top:12px}.eventSponsorLogo{width:60px;height:60px;object-fit:contain;border-radius:4px}.eventSponsorBadge{width:60px;height:60px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:700;line-height:1.2;border-radius:4px}.eventSponsorInfo{flex:1;font-size:14px}.eventSponsorInfo strong{color:#374151;display:block;margin-bottom:4px}.eventSponsorDiscount{color:#6b7280;font-size:13px}.eventCardQR{display:flex;flex-direction:column;align-items:center;gap:12px}.eventQRCode{width:180px;height:180px;border:2px solid #e5e7eb;border-radius:8px;padding:8px;background:#fff}.downloadQRBtn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e91e63;color:#e91e63;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.downloadQRBtn:hover{background:#fce4ec}.downloadQRBtn svg{flex-shrink:0}.eventCardActions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.deactivateBtn{flex:1;height:40px;padding:0 16px;border-radius:8px;border:1px solid #6b7280;background:transparent;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.deactivateBtn:hover{background:#f3f4f6;border-color:#374151;color:#374151}@media (max-width: 968px){.eventCardHeader{flex-direction:column}.eventCardQR{align-self:center}.eventCardInfo{grid-template-columns:1fr}}.checkInOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px}.checkInCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px}.checkInCardHeader{display:flex;align-items:center;gap:12px;color:#374151;font-size:16px;font-weight:600}.checkInCardHeader svg{color:#6b7280}.checkInBtn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.checkInBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.checkInBtn svg{flex-shrink:0}.eventsSection{margin-bottom:40px}.eventsSectionTitle{font-size:20px;font-weight:700;color:#374151;margin:0 0 20px}.successMessage{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:16px;border-radius:8px;font-weight:600;text-align:center}.todayEventsGrid{display:grid;grid-template-columns:1fr;gap:20px}.todayEventCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s;position:relative}.todayEventCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #0000001a}.checkinIndicator{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.checkinIndicatorIcon{width:40px;height:40px;background:#fff;border:3px solid #dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #dc262633}.checkinIndicatorLabel{display:flex;flex-direction:column;align-items:center;text-align:center}.checkinIndicatorText{font-size:10px;color:#9ca3af;font-weight:500;line-height:1.2}.checkinIndicatorName{font-size:11px;color:#374151;font-weight:700;line-height:1.2}.todayEventTitle{font-size:18px;font-weight:700;color:#374151;margin:0 0 16px}.todayEventInfo{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.todayEventInfoItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.todayEventInfoItem svg{flex-shrink:0}.todayEventSponsor{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;margin-top:12px}.todayEventSponsorLogo{width:50px;height:50px;object-fit:contain;border-radius:4px}.todayEventSponsorBadge{width:50px;height:50px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:700;line-height:1.2;border-radius:4px}.todayEventSponsorInfo{flex:1;display:flex;flex-direction:column;gap:4px}.todayEventSponsorLabel{font-size:12px;color:#9ca3af;font-weight:500}.todayEventSponsorName{font-size:14px;color:#374151;font-weight:600}.futureEventsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.futureEventCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s;position:relative}.futureEventCard:hover{border-color:var(--orange);box-shadow:0 4px 12px #0000001a}.futureEventDate{background:#fce4ec;color:#e91e63;padding:12px;text-align:center;font-size:14px;font-weight:600}.futureEventTitle{font-size:16px;font-weight:700;color:#374151;margin:20px 20px 16px}.futureEventDetails{display:flex;flex-direction:column;gap:8px;margin:0 20px 16px}.futureEventDetailItem{display:flex;align-items:center;gap:8px;font-size:13px;color:#9ca3af}.futureEventDetailItem svg{flex-shrink:0}.futureEventSponsor{display:flex;align-items:center;gap:12px;padding:16px 20px 20px}.futureEventSponsorLogo{width:50px;height:50px;object-fit:contain;border-radius:4px}.futureEventSponsorBadge{width:50px;height:50px;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:700;line-height:1.2;border-radius:4px}.futureEventSponsorInfo{flex:1;display:flex;flex-direction:column;gap:4px}.futureEventSponsorLabel{font-size:11px;color:#9ca3af;font-weight:500}.futureEventSponsorName{font-size:13px;color:#374151;font-weight:600}.futureEventSponsorLink{font-size:12px;color:#e91e63;text-decoration:none;font-weight:600;margin-top:4px}.futureEventSponsorLink:hover{text-decoration:underline}.scannerModal{max-width:600px!important}.scannerContainer{padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px}#qr-reader{width:100%;max-width:500px;border-radius:8px;overflow:hidden}#qr-reader video{border-radius:8px}#qr-reader__dashboard_section{border:2px solid #e5e7eb!important;border-radius:12px!important;padding:24px!important;background:#fff!important}#qr-reader__dashboard_section_csr{text-align:center!important}#qr-reader__dashboard_section_csr>div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}#qr-reader__dashboard_section_csr button{width:100%!important;max-width:300px!important;height:48px!important;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;text-transform:none!important;padding:0 20px!important}#qr-reader__dashboard_section_csr button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #e91e634d!important}#qr-reader__dashboard_section_csr>span{color:#374151!important;font-size:14px!important;font-weight:500!important;text-align:center!important;display:block!important;margin-top:8px!important}#qr-reader__camera_permission_button{background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%)!important;border:none!important;color:#fff!important;font-weight:600!important}#qr-reader__scan_region{border:2px solid var(--orange)!important;border-radius:8px!important}#qr-reader__scan_region img{opacity:.6!important;filter:none!important}#qr-reader__header_message{color:#374151!important;font-size:14px!important;font-weight:500!important;padding:12px!important;background:#f9fafb!important;border-radius:8px!important;margin-bottom:16px!important}#qr-reader__camera_selection{margin-top:16px!important}#qr-reader__camera_selection select{width:100%!important;max-width:300px!important;height:40px!important;padding:0 12px!important;border:2px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;color:#374151!important;background:#fff!important;cursor:pointer!important}#qr-reader__camera_selection select:focus{outline:none!important;border-color:var(--orange)!important}#qr-reader__dashboard_section_fsr{margin-top:16px!important}#qr-reader__dashboard_section_fsr button{background:#f3f4f6!important;color:#374151!important;border:2px solid #e5e7eb!important;border-radius:8px!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important}#qr-reader__dashboard_section_fsr button:hover{background:#e5e7eb!important;border-color:#d1d5db!important}#qr-reader__status_span{color:#6b7280!important;font-size:13px!important;padding:8px!important}.scannerInstructions{text-align:center;color:#6b7280;font-size:14px;margin:0;padding:0 20px}.scannerSuccess{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center;width:100%;max-width:500px}.scannerError{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center;width:100%;max-width:500px}@media (max-width: 768px){.checkInOptions,.todayEventInfo,.futureEventsGrid{grid-template-columns:1fr}.scannerModal{max-width:95%!important}#qr-reader{max-width:100%}}.checkoutHeader{margin-bottom:32px}.checkoutTitle{font-size:18px;font-weight:400;color:#9ca3af;margin:0;text-align:center}.checkoutEventsGrid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}.checkoutEventCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.checkoutEventCard:hover{border-color:var(--pink);box-shadow:0 4px 12px #0000001a}.checkoutEventHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.checkoutEventTitle{font-size:20px;font-weight:700;color:#374151;margin:0}.checkoutEventBadge{background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.checkoutEventInfo{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.checkoutEventInfoItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.checkoutEventInfoItem svg{flex-shrink:0}.checkoutBtn{width:100%;height:48px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.checkoutBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e91e634d}.checkoutTip{background:#fffbeb;border:2px solid #fbbf24;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:flex-start}.checkoutTip svg{flex-shrink:0;margin-top:2px}.checkoutTip div{flex:1;font-size:14px;color:#78350f;line-height:1.5}.checkoutTip strong{color:#92400e}@media (max-width: 768px){.checkoutTitle{font-size:16px}}.checkoutModal{max-width:700px!important;max-height:90vh!important;overflow:hidden}.checkoutModalHeader{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:2px solid #e5e7eb}.checkoutModalHeader h3{font-size:20px;font-weight:700;color:#374151;margin:0 0 4px}.checkoutModalHeader p{font-size:14px;color:#9ca3af;margin:0}.checkoutModalBody{padding:24px;overflow-y:auto;max-height:calc(90vh - 90px);flex:1;min-height:0}.checkoutModalBody h4{font-size:18px;font-weight:700;color:#374151;margin:0 0 8px}.checkoutModalSubtitle{font-size:14px;color:#6b7280;margin:0 0 24px}.checkoutModalBody h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.noPurchaseOption{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:24px}.noPurchaseOption label{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0}.noPurchaseOption input[type=checkbox]{width:20px;height:20px;cursor:pointer}.noPurchaseOption span{font-size:15px;font-weight:600;color:#78350f}.photoUploadArea{margin-bottom:20px}.photoUploadLabel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s}.photoUploadLabel:hover{border-color:var(--pink);background:#fef2f2}.photoUploadLabel svg{margin-bottom:12px}.photoUploadLabel p{font-size:15px;font-weight:600;color:#374151;margin:0 0 4px}.photoUploadLabel span{font-size:13px;color:#9ca3af}.photoPreviewGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px}.photoPreviewItem{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.photoPreviewItem img{width:100%;height:100%;object-fit:cover}.photoRemoveBtn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.photoRemoveBtn:hover{background:#dc2626;transform:scale(1.1)}.finalizeBtn{width:100%;height:48px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.finalizeBtn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.finalizeBtn:disabled{background:#d1d5db;cursor:not-allowed}.eventCardStats{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.eventStatBtn{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #10b981;border-radius:6px;font-size:13px;font-weight:600;color:#065f46;cursor:pointer;transition:all .2s}.eventStatBtn:hover{background:#dcfce7;transform:translateY(-1px)}.eventStatBtn svg{flex-shrink:0}.eventStatItem{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600;color:#6b7280}.eventStatItem svg{flex-shrink:0}.checkinsListModal{max-width:900px!important}.checkinsListBody{padding:24px;max-height:600px;overflow-y:auto}.checkinsTable{width:100%;overflow-x:auto}.checkinsTable table{width:100%;border-collapse:collapse}.checkinsTable thead{background:#f9fafb;position:sticky;top:0;z-index:1}.checkinsTable th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.checkinsTable td{padding:12px;font-size:14px;color:#6b7280;border-bottom:1px solid #e5e7eb}.checkinsTable tbody tr:hover{background:#f9fafb}.checkoutsListModal{max-width:1000px!important}.checkoutsListBody{padding:24px;max-height:600px;overflow-y:auto}.checkoutsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.checkoutCard{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;transition:box-shadow .2s}.checkoutCard:hover{box-shadow:0 4px 12px #0000001a}.checkoutCardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.checkoutUserInfo{display:flex;flex-direction:column;gap:4px}.checkoutUserInfo strong{font-size:15px;color:#374151}.checkoutUserEmail{font-size:13px;color:#6b7280}.checkoutDateTime{font-size:12px;color:#9ca3af}.checkoutBadge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.checkoutBadge.noPurchase{background:#fef3c7;color:#78350f}.checkoutBadge.withPhotos{background:#dbeafe;color:#1e40af}.checkoutPhotosGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.checkoutPhotoThumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.checkoutPhotoThumb:hover{transform:scale(1.05)}.checkoutPhotoThumb img{width:100%;height:100%;object-fit:cover}.photoExpandIcon{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.checkoutPhotoThumb:hover .photoExpandIcon{opacity:1}.imageModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.imageModalContent{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.imageModalImg{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.imageModalClose{position:absolute;top:-40px;right:0;background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:background .2s}.imageModalClose:hover{background:#f3f4f6}.statusBadge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.statusBadge.completed{background:#d1fae5;color:#065f46}.statusBadge.pending{background:#fef3c7;color:#92400e}@media (max-width: 768px){.eventCardStats{flex-direction:column}.checkinsTable{font-size:12px}.checkinsTable th,.checkinsTable td{padding:8px}}.reportsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.reportsHeader h2{font-size:28px;font-weight:700;color:#374151;margin:0}.refreshBtn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.refreshBtn:hover{border-color:var(--pink);color:var(--pink)}.reportsSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.summaryCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .2s}.summaryCard:hover{border-color:var(--pink);box-shadow:0 4px 12px #0000001a}.summaryIcon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summaryContent{flex:1;display:flex;flex-direction:column;gap:4px}.summaryLabel{font-size:13px;color:#6b7280;font-weight:500}.summaryValue{font-size:28px;font-weight:700;color:#374151;line-height:1}.summarySubtext{font-size:12px;color:#9ca3af;font-weight:500}.reportsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:24px}.reportCard{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px}.reportCardTitle{font-size:18px;font-weight:700;color:#374151;margin:0 0 20px}.reportTable{overflow-x:auto}.reportTable table{width:100%;border-collapse:collapse}.reportTable thead{background:#f9fafb}.reportTable th{padding:12px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.reportTable td{padding:12px;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb}.reportTable tbody tr:hover{background:#f9fafb}.rankBadge{display:inline-block;width:24px;height:24px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;border-radius:50%;font-size:12px;font-weight:700;text-align:center;line-height:24px;margin-right:8px}.metricBadge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.metricBadge.green{background:#d1fae5;color:#065f46}.metricBadge.blue{background:#dbeafe;color:#1e40af}.metricBadge.purple{background:#e0e7ff;color:#4338ca}.analysisGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analysisItem{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px}.analysisLabel{font-size:13px;color:#6b7280;font-weight:500}.analysisValue{font-size:32px;font-weight:700;color:#374151;line-height:1}.distributionList{display:flex;flex-direction:column;gap:16px}.distributionItem{display:flex;align-items:center;gap:12px}.distributionLabel{font-size:13px;font-weight:600;color:#374151;min-width:140px}.distributionBar{flex:1;height:24px;background:#f3f4f6;border-radius:12px;overflow:hidden}.distributionFill{height:100%;background:linear-gradient(90deg,var(--orange),var(--pink));transition:width .3s ease}.distributionValue{font-size:13px;font-weight:600;color:#6b7280;min-width:100px;text-align:right}.loadingState{text-align:center;padding:60px 20px;font-size:16px;color:#6b7280}@media (max-width: 1024px){.reportsGrid{grid-template-columns:1fr}.reportsSummary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.reportsSummary,.analysisGrid{grid-template-columns:1fr}.reportsHeader{flex-direction:column;gap:16px;align-items:flex-start}}.submit{width:100%;height:38px;margin-top:14px;border:0;border-radius:4px;background:linear-gradient(90deg,var(--orange) 0%,var(--orange-2) 45%,var(--pink) 100%);color:#fff;font-weight:700;font-size:13px;cursor:pointer}.submit:disabled{opacity:.75;cursor:not-allowed}@media (max-width: 1024px){.adminContainer{padding:16px}.adminNav{overflow-x:auto;-webkit-overflow-scrolling:touch}.adminNavItem{white-space:nowrap}.dashboardGrid{grid-template-columns:repeat(2,1fr);gap:16px}.adminTable{font-size:13px}.adminTable th,.adminTable td{padding:10px 8px}}@media (max-width: 768px){.page{padding:16px 12px}.card{width:100%;max-width:100%}.loginCard{width:100%;max-width:100%;padding:32px 24px}.loginLogo{width:200px}.loginTitle{font-size:18px}.registerCard{width:100%;max-width:100%;padding:32px 24px}.registerLogo{width:200px}.registerTitle{font-size:18px}.registerForm{gap:14px}.adminPanelHeader{padding:12px 16px;position:relative}.mobileMenuToggle{display:flex}.adminPanelNav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:80px 20px 20px;box-shadow:-4px 0 12px #0000001a;transition:right .3s ease;gap:8px;overflow-y:auto;z-index:100}.adminPanelNav.mobileMenuOpen{right:0}.adminPanelNav.mobileMenuOpen:before{content:"";position:fixed;top:0;left:0;right:280px;bottom:0;background:#00000080;z-index:-1}.adminContainer{padding:12px}.adminHeader{flex-direction:column;gap:12px;align-items:flex-start}.adminHeaderLeft{width:100%}.adminHeaderRight{width:100%;justify-content:flex-start}.adminNav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.adminNavItem{font-size:15px;padding:14px 16px;white-space:nowrap;text-align:left;border-radius:8px}.adminNavItem.active:after{display:none}.adminPanelLogout{position:absolute;top:20px;right:16px;padding:8px 12px;font-size:13px}.table{border:none;background:transparent}.tr.th{display:none}.tr{display:block;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 4px #0000000d}.tr.cols5,.tr.cols4,.tr.cols6{display:block}.tr>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.tr>div:last-child{border-bottom:none;padding-bottom:0}.tr>div:first-child{padding-top:0}.tr>div:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:100px}.tr>div.rowActions{flex-direction:column;gap:8px;align-items:stretch;padding-top:12px;margin-top:8px;border-top:2px solid #f3f4f6}.tr>div.rowActions:before{display:none}.tr>div.rowActions button{width:100%;justify-content:center}.adminBody>div:first-child{flex-direction:column;gap:12px;align-items:stretch!important}.adminBody>div:first-child .submit{width:100%!important}.adminText{font-size:18px}.searchBox{margin-bottom:20px;padding:16px}.searchHeader{margin-bottom:12px}.searchTitle{font-size:14px}.searchContent{flex-direction:column;gap:12px}.searchInput,.searchButton{width:100%;height:44px;font-size:15px}.clearSearchButton{width:100%;margin-top:8px}.reportTable{overflow-x:visible}.reportTable table{display:block}.reportTable thead{display:none}.reportTable tbody{display:block}.reportTable tr{display:block;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 4px #0000000d}.reportTable td{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.reportTable td:last-child{border-bottom:none;padding-bottom:0}.reportTable td:first-child{padding-top:0}.reportTable td:before{content:attr(data-label);font-weight:700;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:110px}.reportTable tbody tr:hover{background:#fff}.rankBadge{display:inline-flex;margin-right:8px}.metricBadge{display:inline-flex}.dashboardGrid{grid-template-columns:1fr;gap:12px}.dashboardCard{padding:16px}.dashboardCardTitle{font-size:14px}.dashboardCardSubtitle{font-size:12px}.dashboardCardIcon{font-size:28px}.adminPanel{padding:16px 12px}.adminPanelHeader{flex-direction:column;gap:12px;align-items:flex-start}.adminPanelTitle{font-size:18px}.adminPanelActions{width:100%;flex-direction:column;gap:8px}.adminPanelActions button{width:100%}.adminTable{font-size:12px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.adminTable thead{display:none}.adminTable tbody{display:block}.adminTable tr{display:block;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.adminTable td{display:flex;justify-content:space-between;padding:8px 0;border:none;text-align:right}.adminTable td:before{content:attr(data-label);font-weight:600;text-align:left;flex:1}.adminTable td:last-child{border-bottom:none}.modal{padding:16px}.modalContent{width:100%;max-width:100%;max-height:90vh;padding:24px 16px}.modalHeader{flex-direction:column;gap:12px;align-items:flex-start}.modalTitle{font-size:18px}.modalBody{padding:16px 0}.modalForm{gap:14px}.modalFooter{flex-direction:column-reverse;gap:8px}.modalFooter button{width:100%}.eventCard{padding:16px}.eventCardHeader{flex-direction:column;gap:8px;align-items:flex-start}.eventCardTitle{font-size:16px}.eventCardDate{font-size:12px}.eventCardActions{width:100%;flex-direction:column;gap:8px}.eventCardActions button{width:100%}.todayEventCard,.futureEventCard{padding:16px}.todayEventTitle,.futureEventTitle{font-size:15px}.todayEventDate,.futureEventDate{font-size:12px}.todayEventActions,.futureEventActions{flex-direction:column;gap:8px}.todayEventActions button,.futureEventActions button{width:100%}.checkinsListModal .modalContent{max-height:85vh}.checkoutsListModal{max-width:100%!important}.checkoutsListBody{padding:16px;max-height:70vh}.checkoutsGrid{grid-template-columns:1fr;gap:16px}.checkoutCard{padding:12px}.checkoutCardHeader{flex-direction:column;gap:8px;align-items:flex-start}.checkoutPhotosGrid{grid-template-columns:repeat(2,1fr)}.imageModalOverlay{padding:10px}.imageModalClose{top:10px;right:10px;width:36px;height:36px;font-size:20px}.checkinsTable{font-size:12px}.checkinsTable th,.checkinsTable td{padding:8px 6px}.profileCard{padding:16px}.profileHeader{flex-direction:column;gap:12px;align-items:flex-start}.profileInfo{width:100%}.profileName{font-size:18px}.profileEmail{font-size:13px}.profileActions{width:100%;flex-direction:column;gap:8px}.profileActions button{width:100%}.statsGrid{grid-template-columns:1fr;gap:12px}.statCard{padding:16px}.statValue{font-size:24px}.statLabel{font-size:12px}}@media (max-width: 480px){.appContainer{padding:12px}.loginCard,.registerCard{padding:24px 16px}.loginLogo,.registerLogo{width:160px}.loginTitle,.registerTitle{font-size:16px;margin-bottom:16px}.loginField label,.registerField label{font-size:13px}.loginInput,.registerInput,.loginSelect,.registerSelect{font-size:14px;padding:10px 12px}.submit{height:42px;font-size:14px}.adminContainer{padding:8px}.adminTitle{font-size:18px}.adminSubtitle{font-size:12px}.adminNavItem{font-size:12px;padding:8px 12px}.dashboardCard{padding:12px}.dashboardCardIcon{font-size:24px}.modalContent{padding:20px 12px}.modalTitle{font-size:16px}.eventCard,.todayEventCard,.futureEventCard{padding:12px}.eventCardTitle,.todayEventTitle,.futureEventTitle{font-size:14px}.reportsCard{padding:16px 12px}.reportsCardTitle{font-size:16px}.summaryCard{padding:12px}.summaryValue{font-size:22px}.summaryLabel{font-size:11px}.checkoutModal{max-height:95vh!important}.checkoutModalHeader{padding:12px 16px}.checkoutModalHeader h3{font-size:18px}.checkoutModalHeader p{font-size:12px}.checkoutModalBody{padding:12px 16px;max-height:calc(95vh - 60px)}.checkoutModalBody h4{font-size:16px}.checkoutModalSubtitle{font-size:13px}.photoPreviewGrid{grid-template-columns:1fr}.photoUploadLabel{padding:30px 20px}.finalizeBtn{width:100%;padding:14px 20px}}@media (max-height: 600px) and (orientation: landscape){.page{padding:12px}.loginCard,.registerCard{padding:20px 24px}.loginLogo,.registerLogo{width:140px;margin-bottom:16px}.modalContent{max-height:80vh}.checkoutModal{max-height:90vh!important;overflow:hidden}.checkoutModalHeader{padding:16px}.checkoutModalBody{max-height:calc(90vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.photoPreviewGrid{grid-template-columns:repeat(2,1fr);gap:8px}}