@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap);body,html{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:100vw;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}canvas,img,svg,video{max-width:100%}.warning-notification{top:84px;z-index:999999}@media (max-width:600px){.warning-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:72px}.warning-icon{height:40px;width:40px}.warning-title{font-size:15px}.warning-message{font-size:13px}}@media (prefers-color-scheme:dark){.warning-notification{background:linear-gradient(135deg,#713f12,#854d0e);box-shadow:0 10px 40px #eab3084d,0 0 0 1px #eab30840}.warning-title{color:#fde047}.warning-message{color:#fef08a}.warning-close{background:#fde0471a;color:#fde047}.warning-close:hover{background:#fde04733}}.error-notification{top:84px;z-index:999999}@media (max-width:600px){.error-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:72px}.error-icon{height:40px;width:40px}.error-title{font-size:15px}.error-message{font-size:13px}}:root{--hw-bg:#131418;--hw-surface:#1c1d24;--hw-surface-2:#252732;--hw-border:#ffffff14;--hw-green:#22c55e;--hw-green-dim:#22c55e2e;--hw-text-1:#f4f4f5;--hw-text-2:#a1a1aa;--hw-text-3:#71717a;--hw-radius:12px;--hw-radius-sm:8px;--hw-font-d:"Barlow",sans-serif;--hw-font-b:"Be Vietnam Pro",sans-serif;--hw-tr:0.2s cubic-bezier(0.4,0,0.2,1);--arrow-size:36px}.hw-page{font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);margin:0 auto;max-width:1360px;min-width:0;overflow-x:hidden;width:100%}.hw-section{margin-bottom:32px;min-width:0;padding:0 4px}.hw-sec-head{justify-content:space-between;margin-bottom:16px}.hw-sec-head,.hw-sec-title{align-items:center;display:flex}.hw-sec-title{color:#f4f4f5;color:var(--hw-text-1);font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-weight:700;gap:8px;letter-spacing:-.2px;margin:0}.hw-fire,.hw-sec-title{font-size:18px}.hw-viewmore{color:#a1a1aa;color:var(--hw-text-2);font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:13px;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--hw-tr);white-space:nowrap}.hw-viewmore:hover{color:#22c55e;color:var(--hw-green)}.banner-carousel{overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.banner-carousel,.banner-slides{border-radius:12px;border-radius:var(--hw-radius);width:100%}.banner-slides{display:grid;transition:gap .3s ease}.banner-slides.two-slides{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.banner-slides.single-slide{gap:0;grid-template-columns:minmax(0,1fr)}.banner-slide{aspect-ratio:16/7.2;background:#1c1d24;background:var(--hw-surface);border-radius:12px;border-radius:var(--hw-radius);box-shadow:0 4px 18px #00000059;cursor:pointer;max-height:290px;min-height:240px;min-width:0;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.banner-slide img{display:block;height:100%;inset:0;object-fit:cover;object-position:center 25%;position:absolute;transition:transform .6s cubic-bezier(.2,0,.2,1);width:100%}.banner-slide:hover img{transform:scale(1.035)}.banner-overlay{background:linear-gradient(0deg,#0a0c10f0 0,#0a0c10b8 36%,#0a0c1040 70%,#0a0c1000);box-sizing:border-box;inset:0;justify-content:flex-end;padding:20px 22px;pointer-events:none;position:absolute}.banner-info,.banner-overlay{display:flex;flex-direction:column}.banner-info{gap:7px;min-width:0;pointer-events:auto;width:100%}.banner-badge{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:4px;box-shadow:0 2px 6px #22c55e59;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.6px;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.banner-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:clamp(15px,1.8vw,21px);font-weight:700;line-height:1.25;margin:0;overflow:hidden;text-shadow:0 2px 8px #000000e6;word-break:break-word}.banner-meta-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:2px;width:100%}.banner-date{color:#ffffffeb;display:flex;font-weight:500;gap:4px;text-shadow:0 1px 4px #000c}.banner-cta,.banner-date{align-items:center;font-size:12.5px;white-space:nowrap}.banner-cta{background:#fff;border:none;border-radius:999px;box-shadow:0 2px 10px #00000059;color:#0f172a;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-weight:600;gap:6px;padding:7px 16px;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--hw-tr)}.banner-cta:hover{background:#22c55e;background:var(--hw-green);box-shadow:0 4px 14px #22c55e73;color:#fff;transform:translateY(-1px)}.banner-cta-arrow{height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--hw-tr);width:14px}.banner-cta:hover .banner-cta-arrow{transform:translateX(2px)}.banner-arrow{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1117b3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:38px;justify-content:center;line-height:1;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--hw-tr);width:38px;z-index:10}.banner-carousel:hover .banner-arrow{opacity:1;pointer-events:auto}.banner-arrow:hover{background:#22c55e;background:var(--hw-green);border-color:#22c55e;border-color:var(--hw-green);box-shadow:0 0 16px #22c55e80;transform:translateY(-50%) scale(1.08)}.banner-arrow.left{left:12px}.banner-arrow.right{right:12px}.banner-dots{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:10px}.banner-dot{background:#ffffff40;border-radius:999px;cursor:pointer;height:7px;transition:all .25s cubic-bezier(.4,0,.2,1);width:7px}.banner-dot.active{background:#22c55e;background:var(--hw-green);box-shadow:0 0 8px #22c55e80;width:22px}.hslider{align-items:center;display:flex;position:relative;width:100%}.hslider-viewport{-webkit-overflow-scrolling:touch;container-name:slider;container-type:inline-size;cursor:grab;flex:1 1;min-width:0;overflow-x:auto;padding:6px 0 14px;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;width:100%}.hslider-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto}.hslider-viewport::-webkit-scrollbar{display:none}.hslider-track{align-items:stretch;display:flex;gap:14px;min-width:100%;width:-webkit-max-content;width:max-content}.hslider-arrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#252732d9;border:1px solid #ffffff14;border:1px solid var(--hw-border);border-radius:50%;color:#f4f4f5;color:var(--hw-text-1);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;height:var(--arrow-size);justify-content:center;line-height:1;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition:background var(--hw-tr),color var(--hw-tr),transform var(--hw-tr);width:36px;width:var(--arrow-size);z-index:5}.hslider-arrow:hover{background:#22c55e;background:var(--hw-green);border-color:#22c55e;border-color:var(--hw-green);color:#fff}.hslider-prev{margin-right:8px}.hslider-next{margin-left:8px}.event-slider .hslider-track>*,.hslider-track.scroll>*,.trending-slider .hslider-track>*{box-sizing:border-box;flex:0 0 285px;max-width:330px;min-width:0;width:285px}@supports (container-type:inline-size){.event-slider .hslider-track>*,.hslider-track.scroll>*,.trending-slider .hslider-track>*{flex-basis:calc(100cqw/4 - 10.5px);flex-grow:0;flex-shrink:0;max-width:calc(100cqw/4 - 10.5px);min-width:calc(100cqw/4 - 10.5px);width:calc(100cqw/4 - 10.5px)}}.hw-skeleton-card{flex-basis:calc(25% - 10.5px);flex-grow:0;width:calc(25% - 10.5px)}.hw-skeleton-card,.trend-item{box-sizing:border-box;flex-shrink:0;min-width:0}.trend-item{background:#0000;border-radius:12px;border-radius:var(--hw-radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--hw-tr)}.trend-item:hover{transform:translateY(-3px)}.trend-thumb{aspect-ratio:16/10;background:#1c1d24;background:var(--hw-surface);box-shadow:0 4px 14px #00000040;max-height:195px;overflow:hidden;position:relative}.trend-img,.trend-thumb{border-radius:12px;border-radius:var(--hw-radius);width:100%}.trend-img{-webkit-user-drag:none;display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;pointer-events:none;transition:transform .4s ease;-webkit-user-select:none;user-select:none}.trend-item:hover .trend-img{transform:scale(1.05)}.trend-num{bottom:-4px;color:#0000;filter:drop-shadow(0 2px 10px rgba(0,0,0,.85));font-family:Barlow,sans-serif;font-family:var(--hw-font-d);font-size:clamp(52px,5.5vw,76px);font-weight:900;left:6px;letter-spacing:-2px;line-height:.85;pointer-events:none}.trend-num,.trend-rank-tag{position:absolute;z-index:2}.trend-rank-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 7px;right:8px;top:8px}.trend-body{display:flex;flex-direction:column;gap:3px;padding:10px 4px 4px}.trend-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f4f4f5;color:var(--hw-text-1);display:-webkit-box;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:14px;font-weight:600;line-height:1.35;margin:0;min-height:38px;overflow:hidden}.trend-meta{display:flex;flex-direction:column;gap:2px}.trend-price{color:#22c55e;color:var(--hw-green);font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:13.5px;font-weight:700;margin:0}.trend-sold{color:#f97316;font-size:12px;font-weight:600;margin:0}.trend-date{align-items:center;color:#a1a1aa;color:var(--hw-text-2);display:flex;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:12px;gap:4px;margin:0}.ev-card{background:#0000;border-radius:12px;border-radius:var(--hw-radius);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:0;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--hw-tr)}.ev-card:hover{transform:translateY(-3px)}.ev-card-thumb{aspect-ratio:16/10;background:#1c1d24;background:var(--hw-surface);border-radius:12px;border-radius:var(--hw-radius);box-shadow:0 4px 14px #00000040;max-height:195px;overflow:hidden;position:relative;width:100%}.ev-card-thumb img{-webkit-user-drag:none;display:block;height:100%;max-height:100%;max-width:100%;object-fit:cover;pointer-events:none;transition:transform .4s ease;-webkit-user-select:none;user-select:none;width:100%}.ev-card:hover .ev-card-thumb img{transform:scale(1.05)}.ev-card-body{display:flex;flex-direction:column;gap:5px;padding:10px 4px 4px}.ev-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f4f4f5;color:var(--hw-text-1);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;min-height:40px;overflow:hidden}.ev-card-price,.ev-card-title{font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);margin:0}.ev-card-price{color:#22c55e;color:var(--hw-green);font-size:13.5px;font-weight:700}.ev-card-date{align-items:center;color:#a1a1aa;color:var(--hw-text-2);display:flex;gap:5px;margin:0}.ev-card-cal,.ev-card-date{font-size:12px}.hw-category-section{position:relative}.hw-cat-sec-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.hw-cat-heading-left{align-items:center;display:flex;gap:10px}.hw-cat-head-icon{font-size:20px}.hw-cat-count-pill{background:#252732;background:var(--hw-surface-2);border:1px solid #ffffff14;border:1px solid var(--hw-border);border-radius:999px;font-size:12px;padding:3px 10px;white-space:nowrap}.hw-cat-count-pill,.hw-cat-viewmore{color:#a1a1aa;color:var(--hw-text-2);font-weight:600}.hw-cat-viewmore{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:13.5px;gap:4px;padding:4px 8px;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition:color var(--hw-tr),transform var(--hw-tr)}.hw-cat-viewmore:hover{color:#22c55e;color:var(--hw-green);transform:translateX(3px)}.hw-cat-tabs-scroll{-ms-overflow-style:none;align-items:center;display:flex;gap:10px;margin-bottom:12px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}.hw-cat-tabs-scroll::-webkit-scrollbar{display:none}.hw-cat-tab-chip{align-items:center;background:#1c1d24;background:var(--hw-surface);border:1px solid #ffffff14;border:1px solid var(--hw-border);border-radius:9999px;box-shadow:0 2px 8px #00000026;color:#a1a1aa;color:var(--hw-text-2);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:13.5px;font-weight:600;gap:8px;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.hw-cat-tab-chip:hover{background:#252732;background:var(--hw-surface-2);border-color:#ffffff2e;box-shadow:0 4px 12px #00000040;color:#f4f4f5;color:var(--hw-text-1);transform:translateY(-2px)}.hw-cat-tab-chip.active{background:#22c55e1f;border-color:#22c55e;border-color:var(--cat-accent,var(--hw-green));box-shadow:0 4px 16px #0000004d,0 0 14px #22c55e38;color:#fff;transform:translateY(-1px)}.hw-cat-chip-icon{font-size:15px;line-height:1}.hw-cat-chip-name{white-space:nowrap}.hw-cat-chip-count{background:#ffffff1a;border-radius:10px;color:#a1a1aa;color:var(--hw-text-2);font-size:11px;font-weight:700;padding:1.5px 7px;transition:all .2s ease}.hw-cat-tab-chip.active .hw-cat-chip-count{background:#22c55e;background:var(--cat-accent,var(--hw-green));color:#0b0c10}.ev-card-cat-badge{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#131418d1;border:1px solid #ffffff29;border-radius:6px;box-shadow:0 2px 8px #0006;color:#f4f4f5;display:inline-flex;font-size:11px;font-weight:600;gap:4px;left:8px;padding:2.5px 8px;pointer-events:none;position:absolute;top:8px;z-index:2}.ev-card-cat-icon{font-size:11px}.hw-tabs-head{margin-bottom:16px}.hw-tabs{border-bottom:2px solid #ffffff14;border-bottom:2px solid var(--hw-border);display:flex;gap:8px;padding-bottom:0}.hw-tab{background:none;border:none;border-bottom:2px solid #0000;color:#a1a1aa;color:var(--hw-text-2);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:14px;font-weight:600;margin-bottom:-2px;padding:8px 18px 10px;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:color var(--hw-tr),border-color var(--hw-tr)}.hw-tab.active{border-bottom-color:#22c55e;border-bottom-color:var(--hw-green);color:#fff}.hw-tab:hover:not(.active){color:#f4f4f5;color:var(--hw-text-1)}.hw-rec-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-left:10px;padding:2px 8px;vertical-align:middle}.hw-rec-badge--personal{background:#2e1065;border:1px solid #5b21b6;color:#c4b5fd}.hw-empty{color:#a1a1aa;color:var(--hw-text-2);font-size:14px;padding:28px 0;text-align:center}.hw-sk{animation:hwShimmer 1.5s infinite;background:linear-gradient(90deg,#252732 25%,#2d2f3c 50%,#252732 75%);background-size:200% 100%;border-radius:6px}@keyframes hwShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hw-sk-banner{aspect-ratio:16/7;border-radius:12px;border-radius:var(--hw-radius);width:100%}.hw-skeleton-row{display:flex;gap:14px;overflow:hidden;padding:4px 2px 8px}.hw-sk-thumb{aspect-ratio:3/2;border-radius:12px;border-radius:var(--hw-radius);margin-bottom:8px;width:100%}@media (max-width:1024px){.hw-section{margin-bottom:26px}.hslider-track,.hw-skeleton-row{gap:12px}.event-slider .hslider-track>*,.hslider-track.scroll>*,.trending-slider .hslider-track>*{box-sizing:border-box;flex:0 0 220px;max-width:260px;min-width:0;width:220px}@supports (container-type:inline-size){.event-slider .hslider-track>*,.hslider-track.scroll>*,.trending-slider .hslider-track>*{flex-basis:calc(100cqw/4 - 9px);flex-grow:0;flex-shrink:0;max-width:calc(100cqw/4 - 9px);min-width:calc(100cqw/4 - 9px);width:calc(100cqw/4 - 9px)}}.hw-skeleton-card{box-sizing:border-box;flex-basis:calc(25% - 9px);flex-grow:0;flex-shrink:0;min-width:0;width:calc(25% - 9px)}.banner-slides{gap:0!important;grid-template-columns:minmax(0,1fr)!important}.banner-slide,.hw-sk-banner{aspect-ratio:21/9;max-height:310px;min-height:240px}.banner-overlay{padding:18px 20px}.banner-title{font-size:clamp(16px,2.3vw,22px)}.banner-arrow{font-size:20px;height:34px;opacity:.85;pointer-events:auto;width:34px}.trend-num{font-size:clamp(34px,4.5vw,48px)}.ev-card-title,.trend-title{font-size:13px;min-height:36px}.ev-card-price,.trend-price{font-size:12.5px}.ev-card-date,.trend-date{font-size:11px}}@media (max-width:768px){.hw-section{margin-bottom:24px;padding:0}.banner-slides{gap:0!important;grid-template-columns:minmax(0,1fr)!important}.banner-slide,.hw-sk-banner{aspect-ratio:16/9;border-radius:10px;max-height:250px;min-height:200px}.banner-arrow{display:none!important}.banner-overlay{padding:14px 16px}.banner-info{gap:6px}.banner-title{-webkit-line-clamp:2;font-size:clamp(14px,3.8vw,17px)}.banner-badge{font-size:9.5px;padding:2px 6.5px}.banner-meta-row{gap:8px;margin-top:2px}.banner-cta,.banner-date{font-size:11.5px}.banner-cta{padding:6px 13px}.banner-cta-arrow{height:12px;width:12px}.banner-dots{gap:5px;margin-top:8px}.banner-dot{height:6px;width:6px}.banner-dot.active{width:18px}.hslider-track{gap:10px}.event-slider .hslider-track>*,.hslider-track.scroll>*,.hw-skeleton-card,.trending-slider .hslider-track>*{flex:0 0 clamp(146px,44vw,172px)!important;max-width:172px!important;min-width:146px!important;width:clamp(146px,44vw,172px)!important}.hslider-arrow{display:none}.hslider-viewport{padding:2px 0 10px}.trend-num{bottom:-3px;font-size:38px;left:4px}.trend-rank-tag{font-size:9.5px;padding:1.5px 5px;right:6px;top:6px}.trend-body{padding:8px 2px 2px}.trend-title{font-size:13px;min-height:34px}.trend-price{font-size:12.5px}.trend-date,.trend-sold{font-size:11px}.hw-sec-title{font-size:16px}.ev-card-title{font-size:13px;min-height:34px}.ev-card-price{font-size:12.5px}.ev-card-date{font-size:11px}}@media (max-width:480px){.banner-slide,.hw-sk-banner{aspect-ratio:16/9.5;border-radius:8px;max-height:230px;min-height:190px}.banner-overlay{padding:12px 14px}.banner-info{gap:5px}.banner-title{font-size:14px;line-height:1.25}.banner-meta-row{gap:8px}.banner-cta,.banner-date{font-size:11px}.banner-cta{padding:5px 12px}}@media (max-width:420px){.event-slider .hslider-track>*,.hslider-track.scroll>*,.hw-skeleton-card,.trending-slider .hslider-track>*{flex:0 0 clamp(138px,42vw,156px)!important;max-width:156px!important;min-width:138px!important;width:clamp(138px,42vw,156px)!important}.hw-tab{font-size:12.5px;padding:6px 10px 8px}.hw-cat-tab-chip{font-size:12px;gap:5px;padding:6.5px 12px}.hw-cat-count-pill{font-size:11px;padding:2px 7px}.hw-cat-viewmore{font-size:12px}}@media (max-width:360px){.banner-slide,.hw-sk-banner{aspect-ratio:16/10;max-height:215px;min-height:180px}.banner-overlay{padding:10px 12px}.banner-title{font-size:13px}.banner-cta,.banner-date{font-size:10.5px}.banner-cta{padding:4.5px 9px}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Be Vietnam Pro,Barlow,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-height:100%;overflow-x:clip;padding:0}#root,.layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.layout-container{overflow-x:clip}.layout-container header{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.layout-container footer,.layout-container main{display:grid;grid-template-columns:1fr minmax(0,1360px) 1fr;width:100%}.layout-container main{background:radial-gradient(circle at top left,#38bdf824,#0000 32%),radial-gradient(circle at bottom right,#4ade801f,#0000 28%),linear-gradient(155deg,#181920,#20242c 48%,#1a1e24);flex:1 0 auto;position:relative}.layout-container main>*{grid-column:2;max-width:100%;min-width:0;padding:1.75rem 1.25rem;width:100%}.layout-container footer{background-color:#0b0c10;border-top:1px solid #ffffff14;color:#fff}.layout-container footer>*{grid-column:2;min-width:0;padding:2rem 1.5rem 1.5rem}@media (max-width:1024px){.layout-container footer,.layout-container main{grid-template-columns:16px minmax(0,1fr) 16px}.layout-container main>*{min-width:0;padding:1.25rem 0}.layout-container footer>*{padding:1.5rem 0}}@media (max-width:768px){.layout-container footer,.layout-container main{grid-template-columns:12px minmax(0,1fr) 12px}.layout-container main>*{min-width:0;padding:1rem 0}.layout-container footer>*{padding:1.25rem 0}}@media (max-width:380px){.layout-container footer,.layout-container main{grid-template-columns:8px minmax(0,1fr) 8px}.layout-container main>*{min-width:0;padding:.75rem 0}}:root{--tb-green:#1db954;--tb-green-dark:#17a348;--tb-green-light:#25d066;--tb-white:#fff;--tb-text-secondary:#ffffffe0;--tb-text-muted:#ffffffa6;--tb-surface:#ffffff1f;--tb-surface-hover:#ffffff38;--tb-border:#ffffff2e;--tb-shadow:0 8px 32px #0000002e;--tb-radius-sm:8px;--tb-radius-md:12px;--tb-radius-full:999px;--tb-font:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,sans-serif;--tb-header-h:68px;--tb-transition:0.2s cubic-bezier(0.4,0,0.2,1)}.tb-header{background:linear-gradient(135deg,#1b384f,#154c46 50%,#0d382d);border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0003;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);height:68px;height:var(--tb-header-h);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.tb-container{box-sizing:border-box;gap:clamp(12px,2.5vw,36px);height:100%;justify-content:space-between;margin:0 auto;max-width:1360px;padding:0 16px}.tb-container,.tb-logo{align-items:center;display:flex}.tb-logo{flex-shrink:0;text-decoration:none}.tb-logo img{display:block;height:48px;max-width:160px;object-fit:contain;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--tb-transition);width:auto}.tb-logo:hover img{transform:scale(1.03)}.tb-search-wrapper{align-items:center;display:flex;flex:1 1;max-width:520px;min-width:200px;position:relative}.tb-search-box{align-items:center;background:#fff;border:1.5px solid #0000;border-radius:999px;border-radius:var(--tb-radius-full);box-shadow:0 2px 10px #00000026;display:flex;height:40px;padding:0 6px 0 14px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--tb-transition),border-color var(--tb-transition);width:100%}.tb-search-box.focused,.tb-search-box:focus-within{border-color:#22c55e;box-shadow:0 4px 20px #22c55e40}.tb-search-icon{color:#71717a;flex-shrink:0;height:18px;margin-right:8px;width:18px}.tb-search-input{background:#0000;border:none;color:#18181b;flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:14px;min-width:0;outline:none}.tb-search-input::placeholder{color:#a1a1aa}.tb-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#71717a;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);transition:color var(--tb-transition),background var(--tb-transition)}.tb-clear-btn:hover{background:#f4f4f5;color:#18181b}.tb-clear-btn svg{height:14px;width:14px}.tb-search-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:999px;border-radius:var(--tb-radius-full);color:#fff;cursor:pointer;flex-shrink:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition:background var(--tb-transition),transform var(--tb-transition)}.tb-search-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)}.tb-history-dropdown{animation:tbDropdownIn .15s ease;background:#fff;border:1px solid #00000014;border-radius:12px;border-radius:var(--tb-radius-md);box-shadow:0 12px 36px #00000038;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes tbDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tb-history-header{align-items:center;border-bottom:1px solid #f4f4f5;display:flex;justify-content:space-between;padding:10px 14px 8px}.tb-history-title{align-items:center;color:#71717a;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.4px;text-transform:uppercase}.tb-history-title svg{height:14px;width:14px}.tb-history-clear-all{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:2px 4px}.tb-history-clear-all:hover{background:#fef2f2}.tb-history-list{list-style:none;margin:0;padding:4px 0}.tb-history-item{align-items:center;color:#27272a;cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:9px 14px;transition:background .12s}.tb-history-item:hover{background:#f4f4f5}.tb-history-icon{color:#a1a1aa;flex-shrink:0;height:15px;width:15px}.tb-history-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-history-delete{align-items:center;background:none;border:none;border-radius:4px;color:#a1a1aa;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:3px}.tb-history-delete:hover{color:#ef4444;opacity:1}.tb-history-delete svg{height:13px;width:13px}.tb-suggestions-container{max-height:480px;overflow-y:auto;overscroll-behavior:contain}.tb-suggestions-container::-webkit-scrollbar{width:5px}.tb-suggestions-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tb-suggestion-count{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;font-size:11px;font-weight:600;letter-spacing:0;padding:2px 8px;text-transform:none}.tb-suggestion-loading{align-items:center;color:#71717a;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:center;padding:24px 16px}.tb-search-spinner{animation:tbSpin .7s linear infinite;border:2.5px solid #e4e4e7;border-radius:50%;border-top-color:#16a34a;display:inline-block;height:18px;width:18px}@keyframes tbSpin{to{transform:rotate(1turn)}}.tb-suggestion-list{display:flex;flex-direction:column}.tb-suggestion-item{align-items:center;border-bottom:1px solid #f4f4f5;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-decoration:none;transition:background .15s ease}.tb-suggestion-item:last-of-type{border-bottom:none}.tb-suggestion-item:active,.tb-suggestion-item:hover{background:#f8fafc}.tb-suggestion-thumb{background:#f1f5f9;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-shrink:0;height:52px;object-fit:cover;width:52px}.tb-suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.tb-suggestion-title{color:#18181b;font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-suggestion-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:11.5px;gap:6px 10px}.tb-suggestion-loc{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-suggestion-price{background:#ecfdf5;border-radius:4px;color:#059669;font-size:11px;font-weight:700;padding:1px 6px}.tb-suggestion-arrow{color:#94a3b8;flex-shrink:0;font-size:16px;margin-left:auto;padding-left:6px}.tb-suggestion-footer{align-items:center;background:#fafafa;border-top:1px solid #e2e8f0;color:#16a34a;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;justify-content:space-between;padding:11px 14px;transition:background .15s ease,color .15s ease}.tb-suggestion-footer:active,.tb-suggestion-footer:hover{background:#ecfdf5;color:#15803d}.tb-suggestion-empty{color:#94a3b8;font-size:13px;padding:24px 16px;text-align:center}.tb-nav-right{flex-shrink:0;gap:10px}.tb-icon-btn,.tb-nav-right{align-items:center;display:flex}.tb-icon-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;height:38px;justify-content:center;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--tb-transition);width:38px}.tb-icon-btn:hover{background:#ffffff38;background:var(--tb-surface-hover)}.tb-icon-btn svg{height:20px;width:20px}.tb-mobile-search-btn{display:none}.tb-nav-link{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--tb-radius-sm);color:#ffffffe0;color:var(--tb-text-secondary);cursor:pointer;display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:14px;font-weight:500;gap:6px;height:38px;padding:0 10px;text-decoration:none;transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background var(--tb-transition),color var(--tb-transition);white-space:nowrap}.tb-nav-link:hover{background:#ffffff1f;background:var(--tb-surface);color:#fff;color:var(--tb-white)}.tb-nav-link svg{height:17px;width:17px}.tb-nav-label{display:inline}.user-menu-wrapper{position:relative}.tb-user-trigger{align-items:center;background:#ffffff1f;background:var(--tb-surface);border:1px solid #ffffff26;border-radius:999px;border-radius:var(--tb-radius-full);color:#fff;color:var(--tb-white);cursor:pointer;display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);gap:8px;padding:4px 10px 4px 6px;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:background var(--tb-transition),border-color var(--tb-transition)}.tb-user-trigger:hover{background:#ffffff38;background:var(--tb-surface-hover);border-color:#ffffff4d}.tb-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1.5px solid #fff6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.tb-username{font-size:14px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-chevron{height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--tb-transition);width:14px}.tb-chevron.open{transform:rotate(180deg)}.tb-login-btn{align-items:center;background:#fff;border:none;border-radius:999px;border-radius:var(--tb-radius-full);box-shadow:0 2px 10px #0000001f;color:#111827;cursor:pointer;display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:13.5px;font-weight:600;justify-content:center;padding:8px 18px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);transition:transform var(--tb-transition),box-shadow var(--tb-transition),background var(--tb-transition);white-space:nowrap}.tb-login-btn:hover{background:#f9fafb;box-shadow:0 4px 14px #0000002e;transform:translateY(-1px)}.tb-user-menu{animation:tbDropdownIn .15s ease;background:#fff;border:1px solid #0000000f;border-radius:12px;border-radius:var(--tb-radius-md);box-shadow:0 14px 40px #00000038;min-width:210px;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.tb-menu-item{align-items:center;background:none;border:none;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .12s,color .12s;width:100%}.tb-menu-item:hover{background:#f3f4f6;color:#111827}.tb-menu-item svg{color:#6b7280;height:16px;width:16px}.tb-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.tb-menu-logout,.tb-menu-logout svg{color:#ef4444}.tb-menu-logout:hover{background:#fef2f2;color:#dc2626}.tb-mobile-search-overlay{animation:tbOverlayFadeIn .28s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#030712a6;display:flex;flex-direction:column;inset:0;padding:0;position:fixed;z-index:2000}.tb-mobile-search-overlay.closing{animation:tbOverlayFadeOut .22s ease forwards}@keyframes tbOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tbOverlayFadeOut{0%{opacity:1}to{opacity:0}}.tb-mobile-search-container{animation:tbSearchSlideDown .32s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(180deg,#182838,#101c27);border-bottom:1px solid #ffffff1f;border-radius:0 0 20px 20px;box-shadow:0 16px 40px #0009;margin:0 auto;max-width:620px;padding:max(12px,env(safe-area-inset-top)) 14px 16px;transform-origin:top center;width:100%;will-change:transform,opacity}.tb-mobile-search-container.closing{animation:tbSearchSlideUp .22s cubic-bezier(.4,0,.7,.2) forwards}@keyframes tbSearchSlideDown{0%{opacity:.3;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes tbSearchSlideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.tb-mobile-search-bar{align-items:center;background:#fff;border:1.5px solid #fff3;border-radius:999px;border-radius:var(--tb-radius-full);box-shadow:0 4px 16px #00000040;display:flex;gap:8px;height:48px;padding:0 8px 0 14px;transition:box-shadow .2s ease,border-color .2s ease}.tb-mobile-search-bar:focus-within{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e40,0 6px 20px #0000004d}.tb-mobile-search-input{background:#0000;border:none;color:#18181b;flex:1 1;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:15px;min-width:0;outline:none}.tb-mobile-search-input::placeholder{color:#94a3b8}.tb-mobile-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:background .15s,transform .1s,color .15s;width:32px}.tb-mobile-close:active,.tb-mobile-close:hover{background:#e2e8f0;color:#0f172a;transform:scale(.95)}.tb-mobile-clear-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.tb-mobile-clear-btn:hover{color:#475569}.tb-mobile-history{-webkit-overflow-scrolling:touch;animation:tbHistoryFadeDown .24s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #00000014;border-radius:12px;border-radius:var(--tb-radius-md);box-shadow:0 12px 36px #00000059;margin-top:10px;max-height:min(72vh,480px);overflow:hidden;overflow-y:auto}@keyframes tbHistoryFadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tb-modal-overlay{align-items:center;animation:tbFadeIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes tbFadeIn{0%{opacity:0}to{opacity:1}}.tb-modal-content{background:#1a1d29;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 60px #0006;max-height:90vh;max-width:440px;overflow-y:auto;position:relative;width:100%}.tb-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .15s,color .15s;width:32px;z-index:10}.tb-modal-close:hover{background:#ef444433;color:#ef4444}@media (max-width:1024px){.tb-container{gap:16px;padding:0 12px}.tb-logo img{height:42px;max-width:130px}.tb-search-wrapper{max-width:360px}.tb-nav-link{font-size:13.5px;padding:0 6px}}@media (max-width:768px){:root{--tb-header-h:60px}.tb-container{gap:8px;padding:0 10px}.tb-logo img{height:36px;max-width:110px}.tb-search-wrapper{display:none}.tb-mobile-search-btn{display:flex;height:38px;width:38px}.tb-nav-right{gap:6px}.tb-nav-label{display:none}.tb-nav-link{border-radius:50%;height:38px;justify-content:center;padding:0;width:38px}.tb-nav-link svg{height:19px;width:19px}.tb-login-btn{font-size:12px;padding:6px 10px;white-space:nowrap}.tb-login-extra{display:none}.tb-user-trigger{padding:2px 6px 2px 2px}.tb-username{display:none}.tb-avatar{font-size:12px;height:28px;width:28px}.tb-user-menu{min-width:190px;right:0}}@media (max-width:380px){.tb-logo img{height:30px;max-width:85px}.tb-login-btn{font-size:11.5px;padding:5px 8px}}.bdp-wrapper{position:relative;width:100%}.bdp-input-trigger{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff14;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;height:45px;padding:0 14px;transition:all .25s ease;-webkit-user-select:none;user-select:none;width:100%}.bdp-input-trigger:hover{background:#ffffff12;border-color:#00ffd459}.bdp-input-trigger.active{background:#00ffd40a;border-color:#00ffd4;box-shadow:0 0 0 3px #00ffd41a;outline:none}.bdp-input-trigger.disabled{cursor:not-allowed;opacity:.5}.bdp-trigger-icon{color:#00ffd4;flex-shrink:0;opacity:.85}.bdp-trigger-text{color:#ffffff59;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdp-input-trigger.has-value .bdp-trigger-text{color:#fff;font-weight:500;letter-spacing:.2px}.bdp-clear-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.bdp-clear-btn:hover{background:#ef4444;color:#fff}.bdp-dropdown{animation:bdpSlideDown .18s cubic-bezier(.16,1,.3,1);background:#161a29;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 16px 40px #000000a6,0 0 0 1px #00ffd426;box-sizing:border-box;left:0;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);width:280px;z-index:1000}@keyframes bdpSlideDown{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bdp-dropdown-header{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:10px}.bdp-nav-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:28px;justify-content:center;line-height:1;transition:all .15s ease;width:28px}.bdp-nav-btn:hover{background:#00ffd42e;border-color:#00ffd459;color:#00ffd4}.bdp-header-selects{display:flex;flex:1 1;gap:6px;justify-content:center}.form select.bdp-header-select,select.bdp-header-select{background-color:#1f2538!important;border:1px solid #ffffff29!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;height:32px!important;line-height:30px!important;margin:0!important;outline:none!important;padding:0 8px!important;transition:border-color .2s ease!important;width:auto!important}.form select.bdp-header-select:hover,select.bdp-header-select:hover{border-color:#00ffd473!important}.form select.bdp-header-select:focus,select.bdp-header-select:focus{border-color:#00ffd4!important;box-shadow:0 0 0 2px #00ffd426!important}.form select.bdp-header-select option,select.bdp-header-select option{background:#161a29!important;color:#fff!important;padding:6px 10px}.bdp-weekdays-row{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:6px;text-align:center}.bdp-weekday-cell{color:#ffffff73;font-size:11px;font-weight:600;padding:2px 0;text-transform:uppercase}.bdp-days-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.bdp-day-cell{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;justify-content:center;padding:0;transition:all .15s ease}.bdp-day-cell:hover:not(.selected):not(.empty){background:#00ffd426;color:#00ffd4;transform:scale(1.05)}.bdp-day-cell.selected{background:linear-gradient(135deg,#00ffd4,#059669);box-shadow:0 0 10px #00ffd466;color:#0a0f1e;font-weight:700}.bdp-day-cell.empty{cursor:default}.success-notification{top:84px;z-index:999999}@media (max-width:600px){.success-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:72px}.success-icon{height:40px;width:40px}.success-title{font-size:15px}.success-message{font-size:13px}}:root{--surface:#161922;--surface-2:#1e2330;--border:#2a3045;--accent:#6c8ef7;--accent-glow:#6c8ef740;--accent-hover:#8aa4ff;--text-secondary:#8892aa;--error:#ff5e6d;--success:#4ecb8d;--font-display:"DM Serif Display",serif;--font-body:"DM Sans",sans-serif;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}.rp-page{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.rp-page:after,.rp-page:before{border-radius:50%;content:"";filter:blur(90px);pointer-events:none;position:fixed;z-index:0}.rp-page:before{background:radial-gradient(circle,#6c8ef71f,#0000 70%);height:500px;left:-100px;top:-100px;width:500px}.rp-page:after{background:radial-gradient(circle,#4ecb8d14,#0000 70%);bottom:-80px;height:400px;right:-80px;width:400px}.rp-card{animation:cardIn .5s cubic-bezier(.34,1.56,.64,1) both;height:auto;max-width:400px;position:relative;width:100%;z-index:1}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rp-title{color:#fff;font-family:"DM Serif Display",serif;font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:-.3px;line-height:1.2;margin-bottom:8px;text-align:center}.rp-subtitle{color:#fff;font-size:14px;line-height:1.6;margin-bottom:36px}.rp-form{gap:20px}.rp-field,.rp-form{display:flex;flex-direction:column}.rp-field{gap:8px}.rp-label{color:#fff;font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.rp-input-wrap{position:relative}.rp-input-wrap svg{stroke:#8892aa;stroke:var(--text-secondary);height:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:stroke .25s cubic-bezier(.4,0,.2,1);transition:stroke var(--transition);width:16px}.rp-input{background:#1e2330;background:var(--surface-2);border:1px solid #2a3045;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);color:#000;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:13px 16px 13px 42px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.rp-input::placeholder{color:#8892aa;color:var(--text-secondary);opacity:.6}.rp-input:focus{border-color:#6c8ef7;border-color:var(--accent);box-shadow:0 0 0 3px #6c8ef740;box-shadow:0 0 0 3px var(--accent-glow)}.rp-input-wrap:focus-within svg,.rp-input:focus+svg{stroke:#6c8ef7;stroke:var(--accent)}.rp-input.error{border-color:#ff5e6d;border-color:var(--error)}.rp-error-msg{align-items:center;animation:shake .3s ease;color:#ff5e6d;color:var(--error);display:flex;font-size:12px;gap:5px}.rp-btn{background:#6c8ef7;background:var(--accent);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:14px;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:background var(--transition),transform var(--transition),box-shadow var(--transition);width:100%}.rp-btn:after{background:linear-gradient(180deg,#ffffff1a,#0000);content:"";inset:0;pointer-events:none;position:absolute}.rp-btn:hover:not(:disabled){background:#8aa4ff;background:var(--accent-hover);box-shadow:0 8px 24px #6c8ef759;transform:translateY(-1px)}.rp-btn:active:not(:disabled){transform:translateY(0)}.rp-btn:disabled{cursor:not-allowed;opacity:.5}.rp-btn-inner{align-items:center;display:flex;gap:8px;justify-content:center}.rp-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.rp-back{margin-top:20px;text-align:center}.rp-back a{align-items:center;color:#fff;display:inline-flex;font-size:13px;gap:6px;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.rp-back a:hover{color:#90ee90}.rp-back a svg{stroke:currentColor;height:14px;width:14px}.rp-success{animation:cardIn .4s ease both;text-align:center}.rp-success-icon{align-items:center;background:#4ecb8d1a;border:1px solid #4ecb8d4d;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.rp-success-icon svg{stroke:#4ecb8d;stroke:var(--success);height:28px;width:28px}.rp-success h2{color:#fff;font-family:"DM Serif Display",serif;font-family:var(--font-display);font-size:22px;margin-bottom:8px}.rp-success p{color:#8892aa;color:var(--text-secondary);font-size:14px;line-height:1.6}.otp-overlay{align-items:center;animation:fadeIn .2s ease both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.otp-modal{animation:modalIn .35s cubic-bezier(.34,1.56,.64,1) both;background:#161922;background:var(--surface);border:1px solid #2a3045;border:1px solid var(--border);border-radius:24px;box-shadow:0 32px 80px #0009;max-width:400px;padding:44px 40px;text-align:center;width:100%}.otp-badge{align-items:center;background:#6c8ef740;background:var(--accent-glow);border:1px solid #6c8ef740;border-radius:100px;color:#6c8ef7;color:var(--accent);display:inline-flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.5px;margin-bottom:20px;padding:5px 12px;text-transform:uppercase}.otp-badge-dot{animation:pulse 1.5s ease infinite;background:#6c8ef7;background:var(--accent);border-radius:50%;height:6px;width:6px}.otp-modal h2{font-family:"DM Serif Display",serif;font-family:var(--font-display);font-size:24px;margin-bottom:8px}.otp-modal p{color:#8892aa;color:var(--text-secondary);font-size:13px;line-height:1.6;margin-bottom:32px}.otp-modal p strong{color:var(--text-primary)}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:28px}.otp-digit{background:#1e2330;background:var(--surface-2);border:1.5px solid #2a3045;border:1.5px solid var(--border);border-radius:12px;caret-color:#6c8ef7;caret-color:var(--accent);color:var(--text-primary);font-family:"DM Serif Display",serif;font-family:var(--font-display);font-size:24px;height:60px;outline:none;text-align:center;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);width:52px}.otp-digit:focus{border-color:#6c8ef7;border-color:var(--accent);box-shadow:0 0 0 3px #6c8ef740;box-shadow:0 0 0 3px var(--accent-glow);transform:translateY(-2px)}.otp-digit.filled{background:#6c8ef70f;border-color:#6c8ef780}.otp-digit.error-shake{animation:shake .4s ease;border-color:#ff5e6d;border-color:var(--error)}.otp-actions{display:flex;flex-direction:column;gap:12px}.otp-resend{color:#8892aa;color:var(--text-secondary);font-size:13px}.otp-resend button{background:none;border:none;color:#6c8ef7;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:500;margin-left:4px;padding:0;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition)}.otp-resend button:hover:not(:disabled){color:#8aa4ff;color:var(--accent-hover)}.otp-resend button:disabled{cursor:default}.otp-close,.otp-resend button:disabled{color:#8892aa;color:var(--text-secondary)}.otp-close{background:none;border:1px solid #2a3045;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;padding:11px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.otp-close:hover{border-color:#8892aa;border-color:var(--text-secondary);color:var(--text-primary)}.auth-card{animation:slideUp .4s ease-out;background:#1a1d29;border:1px solid #ffffff0f;border-radius:24px;font-family:Inter,sans-serif;max-width:540px;padding:40px 36px;width:100%}.brand{margin-bottom:28px;text-align:center}.brand img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .3s ease;width:130px}.brand img:hover{transform:scale(1.05)}.toggle-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50px;display:flex;margin:0 auto 24px;padding:4px;position:relative;width:-webkit-fit-content;width:fit-content}.toggle-thumb{background:linear-gradient(135deg,#3d8dbc,#00b872);border-radius:50px;box-shadow:0 2px 12px #00ffd440;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .3s ease;width:calc(50% - 4px);z-index:0}.toggle-option{background:#0000;border:none;border-radius:50px;color:#fff6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 28px;position:relative;transition:color .3s ease;white-space:nowrap;z-index:1}.toggle-option.active{color:#0a0f1e}.form{display:flex;flex-direction:column}.form input,.form select{background:#ffffff0d;border:1.5px solid #ffffff14;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;margin-bottom:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form input:focus,.form select:focus{background:#00ffd40a;border-color:#00ffd4;box-shadow:0 0 0 3px #00ffd41a;outline:none}.form input::placeholder{color:#ffffff40}.form select option{background:#1a1d29;color:#e5e7eb}.form input:-webkit-autofill,.form input:-webkit-autofill:focus,.form input:-webkit-autofill:hover{-webkit-text-fill-color:#e5e7eb!important;border-color:#ffffff14!important;-webkit-box-shadow:inset 0 0 0 1000px #1e2130!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.field{display:flex;flex-direction:column;margin-bottom:14px}.field-label{color:#ffffff80;font-size:12px;letter-spacing:.3px;margin-bottom:6px}.field input,.field select{margin-bottom:0}.field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.field-row .field,.input-with-addon{margin-bottom:14px}.input-with-addon{position:relative}.input-with-addon input{margin-bottom:0;padding-right:60px}.input-with-addon .addon{background:none;border:none;border-radius:6px;color:#00ffd4;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.input-with-addon .addon:hover{background:#00ffd41a}.btn_register{background:linear-gradient(135deg,#3d8dbc,#00b872);border:none;border-radius:12px;box-shadow:0 4px 20px #00ffd440;color:#0a0f1e;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.btn_register:hover{box-shadow:0 6px 25px #00ffd466;transform:translateY(-2px)}.btn_register:active{transform:translateY(0)}button[disabled]{background:#ffffff14;box-shadow:none;color:#ffffff40;cursor:not-allowed;transform:none!important}.divider{align-items:center;color:#fff3;display:flex;font-size:12px;font-weight:500;gap:12px;margin:20px 0;text-align:center}.divider:after,.divider:before{background:#ffffff14;content:"";flex:1 1;height:1px}.google-login{display:flex;justify-content:center;margin-bottom:8px}.msg{animation:fadeIn .3s ease;background:#dc26261a;border:1px solid #dc262633;border-radius:10px;color:#f87171;font-size:13px;font-weight:500;margin-top:14px;padding:12px 16px;text-align:center}.msg.success{background:#00ffd414;border:1px solid #00ffd433;color:#00ffd4}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#00ffd433}::-webkit-scrollbar-thumb:hover{background:#00ffd466}@media (max-width:480px){.auth-card{padding:28px 20px}.field-row{grid-template-columns:1fr}.toggle-option{padding:8px 20px}}.overlay-lock{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.profile-popup{background:#1a1d29;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:30px;width:420px}.profile-popup input{padding:10px}.profile-popup button{background:orange;border:none;cursor:pointer;padding:10px}.complete-profile-wrapper{padding:8px 0}.complete-profile-title{color:#f0f4f8;font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.complete-profile-desc{color:#fff6;font-size:13px;line-height:1.6;margin-bottom:24px;text-align:center}.btn-complete{background:linear-gradient(135deg,#3d8dbc,#00b872);border:none;border-radius:12px;box-shadow:0 4px 20px #00ffd433;color:#0a0f1e;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.btn-complete:hover:not(:disabled){box-shadow:0 6px 25px #00ffd459;transform:translateY(-2px)}.btn-complete:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.auth-card{border-radius:18px;padding:24px 18px}.brand img{width:105px}.toggle-option{font-size:13px;padding:7px 18px}.profile-popup{padding:20px 16px;width:90vw}}.loading-user-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#22c55e1a,#16a34a1a);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-user-content{align-items:center;display:flex;flex-direction:column}.loading-spinner{height:120px;position:relative;width:120px}.spinner-ring{animation:spin 2s cubic-bezier(.68,-.55,.265,1.55) infinite;border:4px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:0s;border-right-color:#22c55e;border-top-color:#22c55e}.spinner-ring:nth-child(2){animation-delay:.2s;animation-direction:reverse;border-right-color:#4ade80;border-top-color:#4ade80;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:.4s;border-right-color:#86efac;border-top-color:#86efac;height:60%;left:20%;top:20%;width:60%}.tc-footer{--tc-footer-bg:linear-gradient(155deg,#494a4a,#1c1e1f 48%,#adb6bc);--tc-footer-panel:#ffffff14;--tc-footer-panel-strong:#ffffff1f;--tc-footer-border:#ffffff24;--tc-footer-text:#f7fbff;--tc-footer-text-soft:#e7f4ffc2;--tc-footer-text-muted:#e7f4ff8f;--tc-footer-accent:#4ade80;--tc-footer-accent-2:#38bdf8;--tc-footer-shadow:0 24px 64px #01080e57;background:radial-gradient(circle at top left,#38bdf83d,#0000 32%),radial-gradient(circle at bottom right,#4ade8033,#0000 28%),var(--tc-footer-bg);border:1px solid var(--tc-footer-border);box-shadow:var(--tc-footer-shadow);color:var(--tc-footer-text);font-family:Be Vietnam Pro,sans-serif;overflow:hidden}.tc-footer-hero{grid-gap:20px;border-bottom:1px solid #ffffff1a;display:grid;gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.95fr);padding:28px}.tc-footer-brand{align-items:center;display:flex;gap:18px;min-width:0}.tc-footer-logo-wrap{background:#ffffff1f;border:1px solid #ffffff24;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff1a;display:grid;flex-shrink:0;height:88px;place-items:center;width:88px}.tc-footer-logo{display:block;height:auto;width:68px}.tc-footer-brand-copy{min-width:0}.tc-feedback-eyebrow,.tc-footer-kicker{color:#e7f4ffb8;font-size:12px;font-weight:700;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}.tc-footer-title{font-family:Barlow,sans-serif;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0 0 10px}.tc-footer-desc{color:var(--tc-footer-text-soft);font-size:15px;line-height:1.75;margin:0;max-width:760px}.tc-footer-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tc-footer-bottom-tags span,.tc-footer-pills span{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:var(--tc-footer-text);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px}.tc-feedback-card{grid-gap:16px;align-items:start;background:linear-gradient(160deg,#ffffff24,#ffffff14);border:1px solid #ffffff24;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff14;color:inherit;display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:22px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tc-feedback-card:hover{background:linear-gradient(160deg,#ffffff2e,#ffffff1a);border-color:#4ade8066;transform:translateY(-3px)}.tc-feedback-icon{background:linear-gradient(135deg,var(--tc-footer-accent),#bbf7d0);border-radius:14px;color:#062413;display:grid;height:44px;place-items:center;width:44px}.tc-feedback-copy h3{font-size:20px;line-height:1.2;margin:0 0 8px}.tc-feedback-copy p{color:var(--tc-footer-text-soft);font-size:14px;line-height:1.7;margin:0}.tc-feedback-arrow{color:var(--tc-footer-accent-2);margin-top:6px}.tc-footer-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 28px 18px}.tc-footer-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--tc-footer-panel);border:1px solid #ffffff1a;border-radius:22px;min-width:0;padding:20px}.tc-footer-panel--wide{grid-column:span 2}.tc-footer-panel-head{align-items:center;color:var(--tc-footer-accent);display:flex;gap:10px;margin-bottom:16px}.tc-footer-panel-head h3{color:var(--tc-footer-text);font-size:16px;margin:0}.tc-highlight-list{grid-gap:14px;display:grid;gap:14px}.tc-highlight-item{grid-gap:12px;align-items:start;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:14px}.tc-highlight-icon{background:linear-gradient(135deg,#4ade80f2,#38bdf8e6);border-radius:12px;color:#062413;display:grid;height:38px;place-items:center;width:38px}.tc-highlight-item h4{font-size:15px;margin:0 0 6px}.tc-feedback-list li,.tc-footer-bottom p,.tc-highlight-item p,.tc-team-copy{color:var(--tc-footer-text-soft);font-size:14px;line-height:1.7;margin:0}.tc-footer-links{grid-gap:10px;display:grid;gap:10px}.tc-contact-row,.tc-footer-link{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:16px;color:var(--tc-footer-text-soft);display:flex;gap:10px;min-width:0;padding:12px 14px;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.tc-contact-row:hover,.tc-footer-link:hover{background:#ffffff14;border-color:#38bdf847;color:var(--tc-footer-text)}.tc-footer-contact{grid-gap:12px;display:grid;gap:12px}.tc-team-copy{padding:4px 2px 0}.tc-feedback-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 0 18px;padding:0}.tc-feedback-list li{padding-left:18px;position:relative}.tc-feedback-list li:before{background:linear-gradient(135deg,var(--tc-footer-accent),var(--tc-footer-accent-2));border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;width:8px}.tc-feedback-button{align-items:center;background:linear-gradient(135deg,var(--tc-footer-accent),#d9f99d);border-radius:16px;color:#032510;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:48px;padding:12px 18px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:100%}.tc-feedback-button:hover{box-shadow:0 14px 28px #4ade8033;transform:translateY(-2px)}.tc-footer-bottom{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:0 28px 24px}.tc-footer-bottom p{color:var(--tc-footer-text-muted);max-width:760px}.tc-footer-bottom-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:1180px){.tc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.tc-footer-hero{grid-template-columns:1fr}.tc-footer-bottom,.tc-footer-brand{align-items:flex-start}.tc-footer-bottom{flex-direction:column}.tc-footer-bottom-tags{justify-content:flex-start}}@media (max-width:720px){.tc-footer-bottom,.tc-footer-grid,.tc-footer-hero{padding-left:18px;padding-right:18px}.tc-footer-brand{flex-direction:column}.tc-footer-grid{grid-template-columns:1fr}.tc-footer-panel--wide{grid-column:auto}}@media (max-width:520px){.tc-footer-hero{gap:16px;padding-bottom:20px;padding-top:20px}.tc-feedback-card{grid-template-columns:auto 1fr}.tc-feedback-arrow{display:none}.tc-footer-title{font-size:clamp(18px,4.5vw,22px)}.tc-feedback-list li,.tc-footer-bottom p,.tc-footer-desc,.tc-highlight-item p,.tc-team-copy{font-size:13px}}.chat-root,.chat-root *{box-sizing:border-box;margin:0;padding:0}.chat-root{bottom:24px;font-family:DM Sans,sans-serif;position:fixed;right:24px;z-index:9998}.chat-fab{align-items:center;background:#1a2235;border:none;border-radius:16px;box-shadow:0 0 0 1px #ffffff1a,0 8px 24px #00000059,0 2px 8px #22c55e2e;cursor:pointer;display:flex;height:52px;justify-content:center;overflow:visible;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;width:52px}.chat-fab:before{background:linear-gradient(135deg,#22c55e66,#0ea5e933);border-radius:17px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .2s;z-index:-1}.chat-fab:hover{box-shadow:0 0 0 1px #ffffff24,0 16px 32px #0006,0 4px 16px #22c55e47;transform:scale(1.08) translateY(-2px)}.chat-fab:hover:before{opacity:1}.chat-fab:active{transform:scale(.96)}.chat-fab svg{color:#e2e8f0;height:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:22px}.chat-fab.open svg{transform:rotate(45deg)}.chat-fab-dot{height:10px;position:absolute;right:3px;top:3px;width:10px}.chat-fab-dot:after,.chat-fab-dot:before{background:#22c55e;border-radius:50%;content:"";inset:0;position:absolute}.chat-fab-dot:after{animation:ripple-dot 2s ease-out infinite}@keyframes ripple-dot{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.chat-window{animation:chat-slide-up .3s cubic-bezier(.22,1,.36,1);background:#161e2e;border:1px solid #ffffff17;border-radius:20px;bottom:64px;box-shadow:0 0 0 1px #22c55e1a,0 32px 64px #00000080,0 8px 24px #0000004d;display:flex;flex-direction:column;height:520px;overflow:hidden;position:absolute;right:0;transform-origin:bottom right;width:360px}@keyframes chat-slide-up{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-header{align-items:center;background:linear-gradient(180deg,#1e2a40,#161e2e);border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:10px;padding:14px 16px;position:relative}.chat-header:after{background:linear-gradient(90deg,#0000,#22c55e59,#0000);bottom:0;content:"";height:1px;left:16px;position:absolute;right:16px}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:1px solid #ffffff38;border-radius:12px;box-shadow:0 0 16px #06b6d459,inset 0 1px 1px #ffffff4d;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.chat-header-avatar svg,.chat-header-bot-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));height:20px;width:20px}.chat-header-info{flex:1 1}.chat-header-name{color:#f1f5f9;font-size:13px;font-weight:600;letter-spacing:.01em}.chat-header-status{align-items:center;color:#22c55e;display:flex;font-size:11px;gap:5px;margin-top:1px}.chat-header-status:before{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55ea6;content:"";flex-shrink:0;height:6px;width:6px}.chat-header-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#ffffff6b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.chat-header-close:hover{background:#ef444424;border-color:#ef444438;color:#f87171}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 12px;scrollbar-color:#ffffff14 #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.msg-row{animation:msg-appear .22s ease;display:flex;gap:8px}@keyframes msg-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-row.user{flex-direction:row-reverse}.msg-avatar{align-items:center;align-self:flex-start;display:flex;flex-shrink:0;font-size:13px;justify-content:center;margin-top:2px}.msg-avatar,.msg-avatar.bot{border-radius:9px;height:28px;width:28px}.msg-avatar.bot{background:linear-gradient(135deg,#10b981,#06b6d4);border:1px solid #ffffff38;box-shadow:0 0 10px #06b6d440;color:#fff}.msg-bot-icon{color:#fff}.msg-avatar.user{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffb3}.msg-col{align-items:flex-start;display:flex;flex-direction:column;max-width:84%}.msg-row.user .msg-col{align-items:flex-end}.msg-bubble{border-radius:16px;display:block;font-size:13.5px;letter-spacing:.01em;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:10px 14px;word-break:break-word}.msg-row.bot .msg-bubble{background:#1e293b;border:1px solid #ffffff1f;border-top-left-radius:4px;box-shadow:0 4px 14px #00000052;color:#f8fafc}.msg-row.user .msg-bubble{background:linear-gradient(135deg,#16a34a,#15803d);border-top-right-radius:4px;box-shadow:0 2px 12px #16a34a4d;color:#fff}.chat-msg-content{display:flex;flex-direction:column;gap:3px}.chat-msg-paragraph{line-height:1.55;margin:1px 0}.chat-msg-strong{color:#fff;font-weight:650;letter-spacing:.01em}.chat-msg-bullet{align-items:flex-start;display:flex;gap:8px;line-height:1.5;margin:2px 0}.chat-bullet-dot{color:#22c55e;flex-shrink:0;font-size:14px;line-height:1.35}.chat-bullet-text{flex:1 1}.chat-msg-spacer{height:6px}.msg-time{color:#ffffff38;font-family:Space Mono,monospace;font-size:10px;margin-top:3px;padding:0 2px}.msg-row.user .msg-time{text-align:right}.typing-bubble{align-items:center;background:#1e2d42;border:1px solid #ffffff14;border-bottom-left-radius:4px;border-radius:14px;display:inline-flex;gap:4px;padding:12px 16px}.typing-dot{animation:typing-bounce 1.4s ease infinite;background:#22c55e8c;border-radius:50%;flex-shrink:0;height:5px;width:5px}.typing-dot:nth-child(2){animation-delay:.18s;background:#22c55e6b}.typing-dot:nth-child(3){animation-delay:.36s;background:#22c55e4d}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-login-card{background:linear-gradient(135deg,#1a2540,#243152);border:1px solid #22c55e38;border-radius:12px;margin-top:6px;max-width:260px;padding:14px}.chat-login-icon{align-items:center;background:#22c55e1f;border:1px solid #22c55e38;border-radius:10px;display:flex;font-size:16px;height:36px;justify-content:center;margin-bottom:10px;width:36px}.chat-login-title{color:#f1f5f9;font-size:13px;font-weight:600;margin-bottom:4px}.chat-login-desc{color:#ffffff7a;font-size:11.5px;line-height:1.5;margin-bottom:12px}.chat-login-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 4px 12px #16a34a52;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;padding:8px 0;transition:opacity .15s,transform .1s;width:100%}.chat-login-btn:hover{opacity:.9;transform:translateY(-1px)}.chat-login-btn:active{transform:translateY(0)}.chat-input-area{background:#161e2e;border-top:1px solid #ffffff0d;flex-shrink:0;padding:10px 12px 12px}.chat-input-row{align-items:flex-end;background:#1e2d42;border:1px solid #ffffff17;border-radius:14px;display:flex;gap:8px;padding:8px 8px 8px 14px;transition:border-color .2s}.chat-input-row:focus-within{border-color:#22c55e61;box-shadow:0 0 0 3px #22c55e12}.chat-input{background:#0000;border:none;color:#e2e8f0;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5;max-height:80px;outline:none;padding:2px 0;resize:none}.chat-input::placeholder{color:#ffffff38;font-size:13px}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 2px 8px #16a34a52;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .15s,opacity .15s,box-shadow .15s;width:32px}.chat-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.25;transform:none!important}.chat-send-btn:not(:disabled):hover{box-shadow:0 4px 14px #16a34a7a;transform:scale(1.06)}.chat-send-btn:not(:disabled):active{transform:scale(.94)}.chat-hint{color:#ffffff29;font-size:10px;letter-spacing:.02em;margin-top:7px;text-align:center}.chat-modal-overlay{align-items:center;animation:overlay-in .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.chat-modal-inner{animation:modal-scale-in .22s cubic-bezier(.34,1.56,.64,1);max-height:90vh;max-width:380px;overflow-y:auto;position:relative;width:100%}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-modal-close{align-items:center;background:#ffffff1a;border:1px solid #ffffff21;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:15px;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s,color .15s;width:32px;z-index:10}.chat-modal-close:hover{background:#ef444426;border-color:#ef444440;color:#f87171}.chat-backdrop,.chat-sheet-handle,.chat-sheet-handle-wrap{display:none}.chat-status-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55eb3;display:inline-block;flex-shrink:0;height:6px;margin-right:5px;width:6px}.chat-chip-icon{font-size:13px;margin-right:5px}.chat-suggestions{animation:msg-appear .22s ease;display:flex;flex-direction:column;gap:6px;padding:6px 2px 2px}.chat-suggestions-label{color:#ffffff80;font-size:11.5px;font-weight:500;letter-spacing:.02em}.chat-chips-scroll{display:flex;flex-wrap:wrap;gap:7px}.chat-chip{align-items:center;-webkit-appearance:none;appearance:none;background:#22c55e14;border:1px solid #22c55e47;border-radius:999px;color:#86efac;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.chat-chip:hover{background:#22c55e33;border-color:#22c55e8c;color:#bbf7d0;transform:translateY(-1px)}.chat-chip:active{transform:scale(.97)}@media (max-width:640px){.chat-backdrop{animation:chat-fade-in .22s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#04070ead;display:block;inset:0;position:fixed;touch-action:none;z-index:9997}@keyframes chat-fade-in{0%{opacity:0}to{opacity:1}}.chat-root{bottom:max(18px,env(safe-area-inset-bottom));display:block;height:auto;left:auto;right:max(16px,env(safe-area-inset-right));width:auto}.chat-root.is-open .chat-fab{display:none!important}.chat-fab{border-radius:15px;height:48px;width:48px}.chat-window{animation:chat-sheet-up .28s cubic-bezier(.16,1,.3,1);background:#121824;border:1px solid #ffffff1f;border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -16px 48px #000000b3;height:min(88dvh,640px);inset:auto 0 0 0;max-height:90dvh;max-width:100vw;position:fixed;transform-origin:bottom center;transition:bottom .2s cubic-bezier(.2,0,0,1);width:100vw;z-index:9999}@keyframes chat-sheet-up{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-sheet-handle-wrap{cursor:grab;display:flex;justify-content:center;padding:10px 0 4px;touch-action:pan-y}.chat-sheet-handle{background:#ffffff47;border-radius:999px;display:block;height:4.5px;transition:background .2s;width:40px}.chat-sheet-handle-wrap:active .chat-sheet-handle{background:#ffffff8c}.chat-header{padding:4px 14px 12px}.chat-header-close{border-radius:9px;font-size:16px;height:32px;width:32px}.chat-messages{gap:12px;padding:12px 14px}.msg-col{max-width:88%}.chat-chips-scroll{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.chat-chips-scroll::-webkit-scrollbar{display:none}.chat-input-area{background:#121824;padding:10px 12px max(14px,env(safe-area-inset-bottom))}.chat-input{font-size:16px!important;line-height:1.4}.chat-send-btn{border-radius:11px;height:36px;width:36px}.chat-hint{display:none}}.event-detail-page{color:#fff;font-family:Be Vietnam Pro,Inter,sans-serif;min-height:100vh;padding:30px 0 60px;width:100%}.event-detail-page .event-container{margin:0 auto;max-width:1300px;width:100%}.event-detail-page .event-ticket-main{background-color:#22232a;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 30px #00000059;display:flex;margin-bottom:36px;min-height:400px;overflow:hidden;position:relative}.event-detail-page .event-ticket-left{background:linear-gradient(135deg,#262832,#1c1d25);display:flex;flex:1 1 440px;flex-direction:column;justify-content:space-between;max-width:480px;padding:28px 32px;position:relative;z-index:2}.event-detail-page .event-ticket-title{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 16px}.event-detail-page .event-ticket-meta{color:#22c55e;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:12px}.event-detail-page .event-meta-item{display:flex;flex-direction:column;gap:4px;line-height:1.4}.event-detail-page .event-meta-item span{align-items:center;display:inline-flex;gap:6px}.event-detail-page .event-price-section{align-items:baseline;display:flex;gap:10px;margin-bottom:14px;margin-top:24px}.event-detail-page .event-price-label{color:#a1a1aa;font-size:15px;font-weight:600}.event-detail-page .event-price-value{color:#22c55e;font-size:26px;font-weight:800}.event-line{border-top:1px dashed #ffffff24;margin-bottom:16px}.event-detail-page .event-price-value.sold-out{color:#71717a}.event-btn-buy{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;line-height:1.2;padding:13px 20px;text-align:center;transition:all .2s ease;width:100%}.event-btn-buy:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 18px #22c55e66;transform:translateY(-1px)}.event-btn-buy:disabled{box-shadow:none;cursor:not-allowed;transform:none}.event-btn-buy.sold-out{background:#3f3f46;color:#a1a1aa}.event-btn-buy.coming-soon{background:#52525b;color:#d4d4d8}.event-btn-buy.ended{background:#27272a;color:#71717a}.event-stub-line{border-left:2px dashed #ffffff2e;flex-shrink:0;position:relative;width:0;z-index:5}.event-ticket-divider{position:relative;width:0;z-index:10}.event-stub-dot{background:#181920;border-radius:50%;box-shadow:inset 0 2px 6px #00000080;height:32px;left:-16px;position:absolute;width:32px;z-index:10}.event-detail-page .event-stub-dot.top{top:-16px}.event-detail-page .event-stub-dot.bottom{bottom:-16px}.event-detail-page .event-ticket-right{background:#1a1a1e;flex:1 1 540px;overflow:hidden;position:relative}.event-detail-page .event-ticket-banner{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.event-detail-page .event-ticket-right:hover .event-ticket-banner{transform:scale(1.02)}.event-detail-page .event-content-wrapper{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(320px,440px) 1fr}.event-detail-page .event-tickets-section{background-color:#1a1d24;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 24px #0003;max-height:calc(100vh - 110px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:86px}.event-detail-page .section-header{border-bottom:1px solid #ffffff1a;color:#22c55e;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 18px;padding-bottom:12px;text-transform:uppercase}.event-detail-page .tickets-list{display:flex;flex-direction:column;gap:12px}.event-detail-page .ticket-item{align-items:center;background:#252832;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.event-detail-page .ticket-item:hover:not(.sold-out){background:#2b2e3a;border-color:#22c55e66;cursor:pointer}.event-detail-page .ticket-item.sold-out{filter:grayscale(.6);opacity:.55}.event-detail-page .ticket-info{flex:1 1;min-width:0}.ticket-header{align-items:center;display:flex;gap:8px}.event-detail-page .ticket-name{color:#fff;font-size:15px;font-weight:700;margin:0}.arrow{color:#22c55e;font-size:13px;transition:transform .2s ease}.arrow.open{transform:rotate(90deg)}.event-detail-page .ticket-desc{color:#a1a1aa;font-size:12.5px;line-height:1.45;margin-top:6px}.event-detail-page .ticket-status{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;padding:3px 8px}.event-detail-page .ticket-status.available{background:#22c55e26;color:#22c55e}.event-detail-page .ticket-status.sold-out-badge{background:#ef444426;color:#ef4444}.event-detail-page .ticket-price-box{flex-shrink:0;text-align:right}.event-detail-page .ticket-price{color:#22c55e;font-size:15px;font-weight:700;white-space:nowrap}.event-detail-page .no-tickets{color:#71717a;font-size:14px;font-style:italic;padding:30px 16px;text-align:center}.event-detail-page .event-desc-section{background-color:#1a1d24;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 8px 24px #0003;padding:28px}.event-detail-page .event-desc-header{border-bottom:1px solid #ffffff1a;color:#22c55e;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0 0 18px;padding-bottom:12px;text-transform:uppercase}.event-detail-page .event-desc-content{color:#d4d4d8;font-size:15px;line-height:1.7}.event-detail-page .event-desc-content p{margin:0 0 12px}.event-detail-page .btn-toggle-desc{background:#22c55e1a;border:1px solid #22c55e;border-radius:8px;color:#22c55e;cursor:pointer;display:block;font-size:13.5px;font-weight:600;margin-top:18px;padding:10px 24px;transition:all .2s ease;width:100%}.event-detail-page .btn-toggle-desc:hover{background:#22c55e33}@media (max-width:1024px){.event-detail-page .event-content-wrapper{gap:24px;grid-template-columns:1fr}.event-detail-page .event-tickets-section{max-height:none;position:static}.event-detail-page .event-ticket-left{flex:1 1 360px;padding:24px}.event-detail-page .event-ticket-title{font-size:20px}}@media (max-width:768px){.event-detail-page{padding:16px 0 40px}.event-detail-page .event-ticket-main{border-radius:16px;flex-direction:column-reverse;margin-bottom:24px;min-height:auto}.event-detail-page .event-ticket-right{aspect-ratio:16/9;flex:none;height:auto;width:100%}.event-detail-page .event-ticket-left{flex:none;max-width:100%;padding:20px 16px}.event-detail-page .event-ticket-title{font-size:18px;margin-bottom:12px}.event-detail-page .event-price-value{font-size:22px}.event-stub-dot,.event-stub-line,.event-ticket-divider{display:none!important}.event-detail-page .event-content-wrapper{gap:20px}.event-detail-page .event-desc-section,.event-detail-page .event-tickets-section{border-radius:14px;padding:18px 16px}.event-detail-page .ticket-item{align-items:center;flex-direction:row;padding:12px 14px}.event-detail-page .ticket-name,.event-detail-page .ticket-price{font-size:14px}.event-btn-buy{font-size:14.5px;padding:12px}}@media (max-width:420px){.event-detail-page .ticket-item{align-items:flex-start;flex-direction:column;gap:8px}.event-detail-page .ticket-price-box{align-items:center;border-top:1px dashed #ffffff14;display:flex;justify-content:space-between;margin-top:4px;padding-top:8px;text-align:left;width:100%}}.sp-wrapper{padding:16px 0 48px;width:100%}.sp-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.sp-pill-wrap{position:relative}.sp-pill{align-items:center;background:#1e2029;border:1.5px solid #ffffff1f;border-radius:999px;color:#e4e4e7;cursor:pointer;display:flex;font-family:inherit;font-size:13.5px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s ease}.sp-pill:hover{background:#252834;border-color:#22c55e}.sp-pill.active{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.sp-pill-clear{font-size:11px;margin-left:2px;opacity:.7}.sp-pill-clear:hover{opacity:1}.sp-pill-badge{background:#22c55e;border-radius:999px;color:#fff;font-size:11px;font-weight:700;margin-left:2px;padding:1px 7px}.sp-dropdown{background:#1f212a;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 16px 48px #00000073;box-sizing:border-box;left:0;padding:18px;position:absolute;top:calc(100% + 8px);z-index:300}.sp-date-dropdown{max-width:min(580px,calc(100vw - 32px));width:580px}.sp-filter-dropdown{max-width:min(320px,calc(100vw - 32px));width:320px}.sp-quick-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sp-qtab{background:#272a36;border:1.5px solid #ffffff1a;border-radius:999px;color:#d4d4d8;cursor:pointer;font-family:inherit;font-size:12.5px;padding:6px 14px;transition:all .15s ease}.sp-qtab:hover{border-color:#ffffff40;color:#fff}.sp-qtab.active{background:#22c55e;border-color:#22c55e;color:#fff;font-weight:600}.sp-calendars{display:flex;gap:20px}.month-calendar{flex:1 1;min-width:0}.cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cal-title{color:#f4f4f5;font-size:14px;font-weight:700}.cal-nav{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#d4d4d8;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.cal-nav:hover{background:#ffffff24;color:#fff}.cal-nav.invisible{visibility:hidden}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.cal-dow{color:#a1a1aa;font-size:11px;font-weight:600;padding:4px 0;text-align:center}.cal-day{border-radius:6px;color:#e4e4e7;cursor:pointer;font-size:12.5px;padding:6px 2px;text-align:center;transition:background .1s}.cal-day:hover{background:#ffffff1a}.cal-day.today{color:#22c55e;font-weight:700}.cal-day.selected{background:#22c55e;border-radius:6px;color:#fff;font-weight:600}.cal-day.range-start{border-radius:6px 0 0 6px}.cal-day.range-end{border-radius:0 6px 6px 0}.cal-day.in-range{background:#22c55e2e;border-radius:0;color:#22c55e}.cal-day.empty{cursor:default}.sp-date-range-display{align-items:center;border-top:1px solid #ffffff14;color:#22c55e;display:flex;font-size:13px;font-weight:600;gap:8px;margin:14px 0 0;padding-top:12px}.sp-arrow{opacity:.5}.sp-dropdown-footer{border-top:1px solid #ffffff14;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:14px}.sp-btn-ghost{background:#0000;border:1.5px solid #ffffff26;border-radius:8px;color:#d4d4d8;cursor:pointer;font-size:13px;padding:7px 16px;transition:all .15s}.sp-btn-ghost:hover{background:#ffffff0f;color:#fff}.sp-btn-primary{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s}.sp-btn-primary:hover{background:#16a34a}.sp-btn-primary:disabled{cursor:default;opacity:.4}.sp-filter-section{margin-bottom:16px}.sp-filter-label{color:#a1a1aa;font-size:11.5px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sp-chip-group{display:flex;flex-wrap:wrap;gap:6px}.sp-chip{background:#272a36;border:1.5px solid #ffffff1a;border-radius:999px;color:#d4d4d8;cursor:pointer;font-size:12.5px;padding:5px 12px;transition:all .12s}.sp-chip:hover{border-color:#ffffff40;color:#fff}.sp-chip.active{background:#22c55e;border-color:#22c55e;color:#fff;font-weight:600}.sp-result-label{color:#f4f4f5;font-size:15px;font-weight:600;margin-bottom:18px}.sp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.sp-card{border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.sp-card:hover{transform:translateY(-3px)}.sp-card-img{aspect-ratio:16/10;background:#22242f;border-radius:12px;box-shadow:0 4px 14px #00000040;overflow:hidden;position:relative}.sp-card-img img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.sp-card:hover .sp-card-img img{transform:scale(1.04)}.sp-status-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;font-size:11px;font-weight:600;left:8px;padding:3px 10px;position:absolute;top:8px}.sp-status-upcoming{background:#22c55ee6;color:#fff}.sp-status-ongoing{background:#3b82f6e6;color:#fff}.sp-status-ended{background:#71717ae6;color:#fff}.sp-card-info{padding:10px 2px 2px}.sp-event-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f4f4f5;display:-webkit-box;font-size:14.5px;font-weight:600;line-height:1.4;margin-bottom:8px;min-height:40px;overflow:hidden}.sp-event-date{align-items:center;color:#a1a1aa;display:flex;font-size:12.5px;gap:5px;margin-bottom:4px}.sp-event-price{color:#a1a1aa;font-size:13.5px}.sp-event-price strong{color:#22c55e;font-weight:700}.sp-skeleton{pointer-events:none}.skeleton-img{aspect-ratio:16/10;background:linear-gradient(90deg,#22242f 25%,#2c2f3d 50%,#22242f 75%);background-size:200% 100%;border-radius:12px;margin-bottom:10px;width:100%}.skeleton-img,.skeleton-line{animation:shimmer 1.5s infinite}.skeleton-line{background:#272a36;border-radius:4px;height:12px;margin-bottom:8px}.skeleton-line.w80{width:80%}.skeleton-line.w50{width:50%}.skeleton-line.w60{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-empty{color:#a1a1aa;padding:60px 20px;text-align:center}.sp-empty p{font-size:14px;margin-top:12px}@media (max-width:1024px){.sp-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.sp-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.sp-date-dropdown{left:0;padding:14px;right:0;width:100%}.sp-calendars{flex-direction:column;gap:16px}}@media (max-width:480px){.sp-grid{gap:16px;grid-template-columns:1fr}.sp-pill{font-size:12.5px;padding:7px 12px}.sp-event-name{font-size:14px;min-height:auto}}.layout-zone-wrapper{align-items:center;display:flex;flex-direction:column;overflow:visible;position:relative;width:100%}.layout-canvas{border-radius:12px;box-shadow:0 10px 40px #00c05833;cursor:pointer;height:auto;max-width:100%;transition:transform .2s ease}.layout-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#00c058;height:50px;margin-bottom:20px;width:50px}.layout-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #333;border-radius:10px;display:flex;gap:20px;margin-top:20px;padding:12px;z-index:1}.legend-item{align-items:center;color:#ccc;display:flex;font-size:13px;gap:8px}.legend-dot{border:1px solid #fff3;border-radius:4px;height:20px;width:20px}@media (max-width:768px){.layout-canvas{max-width:100%}.layout-legend{flex-direction:column;gap:10px}.zone-tooltip{font-size:12px;min-width:150px}}.zone-overlay{align-items:center;background:#000000a6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.zone-modal{animation:modalFadeIn .25s ease;background:#111;border-radius:14px;box-shadow:0 25px 80px #0009;color:#fff;max-width:90vw;padding:24px;width:460px}.zone-desc{font-size:14px;line-height:1.5;margin:8px 0 12px;opacity:.8;white-space:pre-line}.zone-info,.zone-total{margin:10px 0}.zone-info,.zone-quantity,.zone-total{display:flex;justify-content:space-between}.zone-quantity{align-items:center;gap:12px;margin-bottom:10px}.zone-quantity button{border:none;border-radius:6px;cursor:pointer;height:32px;width:32px}.zone-actions{display:flex;gap:12px;margin-top:20px}.btn-cancel{background:#333;color:#fff}.btn-cancel,.btn-confirm{border:none;border-radius:8px;flex:1 1;padding:10px}.btn-confirm{background:#00ffd4;color:#000;font-weight:700}.btn-confirm:hover{background-color:#5feea2}.zone-quantity button:disabled{cursor:not-allowed;opacity:.4}.login-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticket-list-container{display:flex;flex-direction:column;gap:14px;width:100%}.ticket-list-title{border-bottom:1px solid #ffffff14;color:#22c55e;font-size:17px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-bottom:10px;text-transform:uppercase}.ticket-box{background:#252834;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .2s,background .2s}.ticket-box:hover{background:#2b2e3c;border-color:#22c55e4d}.ticket-left{gap:10px;justify-content:space-between;width:100%}.ticket-item-name,.ticket-left{align-items:center;display:flex}.ticket-item-name{color:#fff;flex-wrap:wrap;font-size:14px;font-weight:700;gap:8px;margin:0}.ticket-code-tag{background:#ffffff1f;border-radius:4px;color:#e4e4e7;font-size:10.5px;font-weight:600;padding:2px 7px}.ticket-item-price{color:#22c55e;font-size:15px;font-weight:800;margin:0;white-space:nowrap}.ticket-item-desc{color:#a1a1aa;font-size:12px;line-height:1.4;margin:0}.ticket-item-action{align-items:center;border-top:1px dashed #ffffff12;display:flex;gap:10px;justify-content:space-between;margin-top:4px;padding-top:8px}.ticket-remaining{color:#a1a1aa;font-size:12px}.btn-select-ticket{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 2px 8px #16a34a40;color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;padding:8px 18px;transition:all .2s ease}.btn-select-ticket:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e59;transform:translateY(-1px)}.btn-select-ticket:disabled{background:#3f3f46;box-shadow:none;color:#71717a;cursor:not-allowed;transform:none}@media (max-width:480px){.ticket-left{align-items:flex-start;flex-direction:column;gap:6px}}.booking-page-wrapper{margin:0 auto;max-width:1360px;padding-bottom:40px;width:100%}.zone-container{align-items:flex-start;display:flex;gap:32px;width:100%}.zone-layout{align-items:center;background:#0000;border:none;display:flex;flex:1 1 64%;justify-content:center;min-width:0;padding:0;position:-webkit-sticky;position:sticky;top:86px}.zone-ticket{background:#1c1d25;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 8px 30px #00000040;flex:1 1 36%;height:calc(100vh - 120px);min-width:320px;overflow-y:auto;padding:24px}.zone-ticket::-webkit-scrollbar{width:5px}.zone-ticket::-webkit-scrollbar-track{background:#0000}.zone-ticket::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.zone-ticket::-webkit-scrollbar-thumb:hover{background:#22c55e}@media (max-width:1100px){.zone-container{gap:20px}.zone-layout{flex:1 1 58%}.zone-ticket{flex:1 1 42%;min-width:290px;padding:18px}}@media (max-width:1024px){.zone-container{flex-direction:column;gap:24px}.zone-layout{padding:10px 0}.zone-layout,.zone-ticket{flex:none;position:static;width:100%}.zone-ticket{box-sizing:border-box;height:auto;max-height:none}}@media (max-width:768px){.booking-page-wrapper{padding-bottom:24px}.zone-ticket{border-radius:14px;padding:16px}}:root{--bg:#0e1117;--card:#161b27;--card2:#1c2235;--border:#ffffff12;--border2:#ffffff1f;--green:#4cde80;--green2:#00c058;--pink:#e91e8c;--text:#f1f5f9;--muted:#ffffff73;--radius:14px}.cart-banner{height:200px;overflow:hidden;position:relative}.cart-banner-img{display:block;filter:brightness(.45);height:100%;object-fit:cover;object-position:center 30%;width:100%}.cart-banner-fallback{background:linear-gradient(135deg,#1a0533,#0d1117);height:100%;width:100%}.cart-banner-overlay{background:linear-gradient(180deg,#0000 0,#0000 60%,#0e1117);inset:0;position:absolute}.cart-banner-content{align-items:flex-end;display:flex;gap:20px;inset:0;justify-content:space-between;padding:0 40px 28px;position:absolute}.cart-banner-info{flex:1 1;min-width:0}.cart-banner-title{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,2.5vw,30px);font-weight:900;letter-spacing:1.5px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-banner-meta{display:flex;flex-direction:column;gap:5px}.cart-banner-meta-row{align-items:center;color:#ffffffbf;display:flex;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;gap:8px}.cart-banner-meta-icon{flex-shrink:0;height:16px;opacity:.7;width:16px}.cart-countdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141926d9;border:1px solid #ffffff1a;border-radius:14px;flex-shrink:0;padding:14px 20px;text-align:center}.cart-countdown-label{color:#ffffff73;color:var(--muted);font-family:Outfit,sans-serif;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:10px}.cart-countdown-digits{align-items:center;display:flex;gap:6px}.cart-digit-box{align-items:center;background:#e53935;border-radius:8px;display:flex;font-size:30px;height:52px;justify-content:center;letter-spacing:0;width:52px}.cart-countdown-sep,.cart-digit-box{color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:900;line-height:1}.cart-countdown-sep{font-size:26px;margin-bottom:4px}.page-wrapper{margin:0 auto;max-width:1120px;padding:32px 24px 80px}.page-title{color:#4cde80;color:var(--green);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;letter-spacing:3px;margin-bottom:20px}.cart-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 360px}.cart-left{display:flex;flex-direction:column;gap:12px}.cart-section-card{background:#161b27;background:var(--card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:20px 22px}.cart-section-title{color:#4cde80;color:var(--green);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:12px}.cart-section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.choose-voucher-btn{background:#0000;border:none;color:#4cde80;color:var(--green);cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;padding:0;text-decoration:none}.choose-voucher-btn:hover{text-decoration:underline}.cart-info-text{color:#ffffff73;color:var(--muted);font-family:Outfit,sans-serif;font-size:13px;line-height:1.65;margin:0}.cart-info-text strong{color:#f1f5f9;color:var(--text);font-weight:600}.voucher-input-row{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:9px;display:flex;gap:8px;padding:4px 4px 4px 14px}.voucher-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;outline:none;padding:8px 4px}.voucher-input::placeholder{color:#ffffff4d}.voucher-btn{background:linear-gradient(135deg,#e91e8c,#c2185b);background:linear-gradient(135deg,var(--pink),#c2185b);border:none;border-radius:7px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .2s;white-space:nowrap}.voucher-btn:disabled{cursor:not-allowed;opacity:.4}.voucher-pick-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff21;border-radius:7px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .2s;width:34px}.voucher-pick-btn:hover{background:#ffffff1f}.voucher-error{color:#ff6b6b;font-family:Outfit,sans-serif;font-size:12px;margin-top:8px}.voucher-applied{align-items:center;background:#e91e8c14;border:1px solid #e91e8c40;border-radius:9px;display:flex;justify-content:space-between;padding:10px 14px}.voucher-applied-info{display:flex;flex-direction:column;gap:2px}.voucher-tag{color:#e91e8c;color:var(--pink);font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.voucher-remove-btn{background:#0000;border:none;border-radius:5px;color:#ffffff59;cursor:pointer;font-size:14px;padding:3px 7px;transition:color .2s}.voucher-remove-btn:hover{color:#ff6b6b}.voucher-picker-wrap{margin-top:10px;position:relative}.voucher-dropdown{animation:vd-in .15s ease;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 40px #00000080;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:200}@keyframes vd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.voucher-dropdown-state{align-items:center;color:#ffffff59;display:flex;font-family:Outfit,sans-serif;font-size:13px;gap:10px;justify-content:center;padding:24px 16px}.voucher-dropdown-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#8b5cf6;height:18px;width:18px}.voucher-dropdown-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .12s}.voucher-dropdown-item:last-child{border-bottom:none}.voucher-dropdown-item:hover{background:#8b5cf61a}.vdi-left{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.vdi-code{color:#f1f5f9;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.vdi-desc{color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vdi-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.vdi-meta span{color:#64748b;font-family:Outfit,sans-serif;font-size:11px}.vdi-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.vdi-value{color:#a78bfa;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.vdi-save{color:#22c55e;font-family:Outfit,sans-serif;font-size:11px;font-weight:600}.pay-method-list{display:flex;flex-direction:column;gap:0}.pay-method-row{align-items:center;border-bottom:1px solid #ffffff0d;border-radius:9px;cursor:pointer;display:flex;gap:14px;padding:14px 10px;transition:background .15s}.pay-method-row:last-child{border-bottom:none}.pay-method-row.active{background:#4cde800d;border-bottom-color:#0000}.pay-radio{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:border-color .2s;width:20px}.pay-method-row.active .pay-radio{border-color:#00c058;border-color:var(--green2)}.pay-radio-dot{background:#0000;border-radius:50%;height:10px;transition:background .2s;width:10px}.pay-radio-dot.checked{background:#00c058;background:var(--green2)}.pay-method-logo{flex-shrink:0;height:28px;object-fit:contain;width:auto}.pay-method-label{color:#f1f5f9;color:var(--text);font-family:Outfit,sans-serif;font-size:14px;font-weight:500}.order-summary{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:24px}.summary-ticket-box{background:#161b27;background:var(--card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:18px 20px}.summary-ticket-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.summary-ticket-header-title{color:#f1f5f9;color:var(--text);font-family:Outfit,sans-serif;font-size:15px;font-weight:700}.reselect-btn{background:#0000;border:none;color:#4cde80;color:var(--green);cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.reselect-btn:hover{text-decoration:underline}.summary-ticket-cols{border-bottom:1px dashed #ffffff12;color:#ffffff73;color:var(--muted);font-family:Outfit,sans-serif;font-size:12px;font-weight:500;margin-bottom:10px;padding-bottom:10px}.summary-ticket-cols,.summary-ticket-row{display:flex;justify-content:space-between}.summary-ticket-row{align-items:flex-start;padding-top:10px}.summary-zone-name{color:#4cde80;color:var(--green);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}.summary-zone-price{color:#ffffff73;color:var(--muted);font-family:Outfit,sans-serif;font-size:13px}.summary-qty{color:#00c058;color:var(--green2);font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;margin-bottom:4px;text-align:right}.summary-order-box{background:#161b27;background:var(--card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);padding:18px 20px}.summary-order-title{color:#f1f5f9;color:var(--text);font-family:Outfit,sans-serif;font-size:15px;font-weight:700;margin-bottom:14px}.summary-line{color:#ffffff73;color:var(--muted);display:flex;font-family:Outfit,sans-serif;font-size:13px;justify-content:space-between;padding:5px 0}.summary-line span:last-child{color:#f1f5f9;color:var(--text);font-weight:500}.discount-line span,.discount-value{color:#4cde80!important;color:var(--green)!important}.discount-value{font-weight:700!important}.summary-divider{border:none;border-top:1px dashed #ffffff14;margin:14px 0}.summary-total-row{align-items:center;color:#f1f5f9;color:var(--text);display:flex;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:6px}.summary-total-value{color:#00c058;color:var(--green2);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;letter-spacing:.5px}.summary-tos{color:#ffffff59;font-family:Outfit,sans-serif;font-size:11px;line-height:1.55;margin:0 0 16px;text-align:center}.summary-tos-link{color:#00ffd4;cursor:pointer;text-decoration:none}.summary-tos-link:hover{text-decoration:underline}.cart-actions{display:flex;flex-direction:column;gap:10px}.btn-pay{background:#00c058;background:var(--green2);border:none;border-radius:10px;box-shadow:0 4px 20px #00c05833;color:#fff;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;letter-spacing:1.5px;padding:14px;transition:all .2s;width:100%}.btn-pay:hover:not(:disabled){box-shadow:0 6px 28px #00c05861;transform:translateY(-1px)}.btn-pay:disabled{cursor:not-allowed;opacity:.35;transform:none}.btn-delete-cart{background:#0000;border:1px solid #f8717140;border-radius:10px;color:#f87171;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;padding:10px;transition:all .2s;width:100%}.btn-delete-cart:hover{background:#f8717112;border-color:#f8717180}.login-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1f}@media (max-width:1024px){.cart-layout{gap:16px;grid-template-columns:1fr 340px}}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static;width:100%}.cart-banner-content{align-items:flex-start;flex-direction:column;gap:14px;padding:0 20px 20px}.cart-countdown{align-self:flex-start;padding:10px 16px}.cart-digit-box{font-size:24px;height:44px;width:44px}}@media (max-width:600px){.cart-banner{height:auto;min-height:220px}.cart-banner-content{padding:24px 16px 20px;position:relative}.cart-banner-title{font-size:19px;white-space:normal}.cart-countdown{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.cart-countdown-label{margin-bottom:0}.page-wrapper{padding:20px 10px 48px}.cart-section-card,.summary-order-box,.summary-ticket-box{border-radius:12px;padding:16px}.btn-pay{font-size:18px;padding:13px}}.result-wrapper{align-items:center;display:flex;font-family:DM Sans,sans-serif;justify-content:center;min-height:100vh;padding:24px}.result-card{background:#111320;border:1px solid #ffffff12;border-radius:20px;max-width:440px;padding:48px 40px;text-align:center;width:100%}.result-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;font-weight:700;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.result-icon.success{background:#00ffd41a;border:2px solid #00ffd44d;color:#00ffd4}.result-icon.fail{background:#f871711a;border:2px solid #f871714d;color:#f87171}.result-title{color:#f0f4f8;font-size:22px;font-weight:700;margin-bottom:12px}.result-desc{color:#ffffff73;font-size:14px;line-height:1.6;margin-bottom:32px}.result-actions{display:flex;flex-direction:column;gap:10px}.btn-primary{background:linear-gradient(135deg,#00b09b,#00ffd4);border-radius:12px;color:#0a0f1e;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.btn-primary:hover{opacity:.9}.btn-secondary{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff80;font-size:15px;padding:14px;transition:all .2s;width:100%}.btn-secondary:hover{border-color:#fff3}.result-spinner{animation:spin .8s linear infinite;border:3px solid #00ffd426;border-radius:50%;border-top-color:#00ffd4;height:48px;margin:0 auto 20px;width:48px}.result-msg{color:#ffffff73;font-size:14px}@media (max-width:480px){.result-wrapper{padding:16px}.result-card{border-radius:16px;padding:32px 20px}.result-title{font-size:20px}.result-desc{font-size:13px;margin-bottom:24px}}*,:after,:before{box-sizing:border-box}.mtp-root{color:#f1f5f9;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:36px 20px 80px;position:relative}.mtp-container{margin:0 auto;max-width:1080px}.mtp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.mtp-header-left{flex:1 1;min-width:260px}.mtp-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}.mtp-sub{color:#94a3b8;font-size:13.5px;line-height:1.5;margin:0}.mtp-quick-stats{gap:10px}.mtp-quick-stats,.stat-pill{align-items:center;display:flex}.stat-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;min-width:76px;padding:8px 16px}.stat-pill.highlight-blue{background:#38bdf81a;border-color:#38bdf84d}.stat-pill.highlight-blue .stat-val{color:#38bdf8}.stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat-val{color:#fff;font-family:Bebas Neue,sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;line-height:1.1;margin-top:2px}.mtp-controls-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#171d2dd9,#0f1420e6);border:1px solid #ffffff17;border-radius:18px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding:16px 20px}.mtp-row-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.filter-group{background:#0b0f19bf;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:4px;padding:4px}.filter-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#94a3b8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.filter-btn:hover{background:#ffffff0d;color:#f1f5f9}.filter-btn.active{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 14px #7c3aed59;color:#fff;font-weight:600}.tab-count{font-size:11px;opacity:.85}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quick-btn{background:#1e293b80;border:1px solid #ffffff1a;border-radius:10px;color:#cbd5e1;cursor:pointer;font-size:12px;font-weight:500;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.quick-btn:hover{background:#ffffff1a;border-color:#a78bfa66;color:#fff}.quick-btn.active{background:#7c3aed33;border-color:#a78bfa99;color:#ddd6fe;font-weight:600}.mtp-row-date-filter{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:14px}.month-stepper{align-items:center;background:#0b0f19cc;border:1px solid #8b5cf640;border-radius:12px;box-shadow:0 2px 8px #0003;display:inline-flex;gap:6px;padding:4px 6px}.step-btn{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#cbd5e1;cursor:pointer;display:flex;font-size:11px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.step-btn:hover:not(:disabled){background:#8b5cf64d;color:#fff}.step-btn:disabled{cursor:not-allowed;opacity:.3}.stepper-center{align-items:center;display:flex;gap:8px;padding:0 12px}.stepper-icon{font-size:15px}.stepper-label{color:#f8fafc;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.selectors-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.select-field{align-items:center;display:inline-flex;gap:8px}.select-label{color:#94a3b8;font-size:12.5px;font-weight:500}.custom-select{background:#151b2b;border:1px solid #ffffff1f;border-radius:10px;color:#f1f5f9;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;outline:none;padding:7px 12px;transition:all .2s ease}.custom-select:hover{border-color:#a78bfa66}.custom-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.custom-select option{background:#111827;color:#f1f5f9}.filter-summary-badge{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;color:#94a3b8;font-size:12px;padding:6px 12px;white-space:nowrap}.filter-summary-badge strong{color:#38bdf8;font-weight:700}.mtp-inline-hint{align-items:center;animation:fadeInHint .25s ease both;background:linear-gradient(135deg,#7c3aed29,#6366f11f);border:1px solid #8b5cf659;border-radius:14px;box-shadow:0 4px 16px #0003;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px;padding:12px 18px}@keyframes fadeInHint{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hint-content{align-items:center;display:flex;flex:1 1;gap:10px;min-width:240px}.hint-icon{flex-shrink:0;font-size:20px}.hint-text{color:#e2e8f0;font-size:13.5px;line-height:1.45}.hint-text strong{color:#c4b5fd;font-weight:700}.hint-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hint-jump-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.hint-jump-btn:hover{background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-1px)}.hint-all-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:12.5px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.hint-all-btn:hover{background:#ffffff24;color:#fff}.mtp-list{display:flex;flex-direction:column;gap:14px}.tc-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a2134f2,#111623fa);border:1px solid #ffffff17;border-radius:16px;box-shadow:0 8px 24px #00000052;cursor:pointer;display:grid;grid-template-columns:88px 1fr auto;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.tc-card:hover{border-color:#a78bfa73;box-shadow:0 16px 36px #00000073,0 0 24px #8b5cf626;transform:translateY(-3px)}.tc-left{align-items:center;background:linear-gradient(160deg,#6d28d9,#4338ca);border-right:1.5px dashed #ffffff38;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:16px 8px;position:relative;-webkit-user-select:none;user-select:none}.tc-left-glow{background:radial-gradient(circle at center,#ffffff26,#0000 70%);inset:0;pointer-events:none;position:absolute}.tc-left-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px;line-height:1}.tc-qty{background:#00000040;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:14px;font-weight:800;letter-spacing:.05em;padding:2px 8px}.tc-qty-label{color:#e0e7ff;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tc-notch{background:#181920;border-radius:50%;box-shadow:inset 0 0 4px #0009;height:14px;left:81px;position:absolute;width:14px;z-index:2}.tc-notch-top{border-bottom:1px solid #ffffff1a;top:-7px}.tc-notch-bottom{border-top:1px solid #ffffff1a;bottom:-7px}.tc-middle{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:16px 20px}.tc-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tc-event{color:#fff;font-family:Be Vietnam Pro,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.tc-card:hover .tc-event{color:#c4b5fd}.tc-zone-pill{background:#8b5cf626;border:1px solid #8b5cf659;border-radius:6px;color:#c084fc;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.tc-info-grid{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.tc-info-item{align-items:center;color:#94a3b8;display:inline-flex;font-size:13px;gap:6px}.tc-info-icon{font-size:14px}.tc-date{color:#cbd5e1;font-weight:500}.tc-loc{color:#94a3b8;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-order-sub{color:#64748b;font-size:11.5px;letter-spacing:.01em}.tc-right{background:#0f142059;border-left:1px dashed #ffffff14;justify-content:center;min-width:140px;padding:16px 20px}.tc-price-badges-group,.tc-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.tc-mobile-divider,.tc-mobile-meta-bar,.tc-mobile-qty-pill,.tc-price-label-mobile{display:none}.tc-action-arrow{display:inline-block;margin-left:4px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.tc-card:hover .tc-action-arrow{transform:translateX(3px)}.tc-price-wrap{align-items:baseline;display:flex}.tc-price{color:#f8fafc;font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.04em;line-height:1}.tc-price span{color:#94a3b8;font-size:13px;margin-left:2px}.tc-badges-wrap{align-items:center;display:flex;gap:6px}.tc-badge{border-radius:6px;font-size:10.5px;font-weight:600;line-height:1.4;padding:3px 8px;white-space:nowrap}.tc-qr-action{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:8px;box-shadow:0 2px 8px #7c3aed40;color:#fff;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;letter-spacing:.02em;margin-top:2px;padding:6px 12px;transition:all .2s ease}.tc-card:hover .tc-qr-action{background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 4px 14px #8b5cf673}.date-separator{align-items:center;display:flex;gap:12px;margin:18px 0 6px;padding:0 4px}.date-separator-line{background:#ffffff14;flex:1 1;height:1px}.date-separator-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:20px;color:#cbd5e1;display:inline-flex;font-size:12px;gap:6px;letter-spacing:.02em;padding:5px 14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.date-sep-icon{font-size:12px}.date-sep-highlight{color:#a78bfa;font-weight:700}.mtp-state{color:#94a3b8;font-size:14.5px;padding:60px 0;text-align:center}.mtp-state.error{color:#f87171}.mtp-spinner{animation:spin .7s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#a78bfa;height:36px;margin:0 auto 16px;width:36px}.mtp-empty-card{background:linear-gradient(145deg,#171d2db3,#0f1420cc);border:1px dashed #ffffff1f;border-radius:20px;margin:20px auto 0;max-width:640px;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.9}.empty-title{color:#f8fafc;font-size:18px;font-weight:700;margin:0 0 8px}.empty-desc{color:#94a3b8;font-size:14px;line-height:1.5;margin:0 0 20px}.empty-suggestion{align-items:center;background:#7c3aed1f;border:1px solid #8b5cf64d;border-radius:12px;color:#e2e8f0;display:inline-flex;flex-wrap:wrap;font-size:13.5px;gap:8px;justify-content:center;margin-bottom:24px;padding:12px 18px}.empty-suggestion strong{color:#c4b5fd}.jump-month-btn{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12.5px;font-weight:600;margin-left:4px;padding:5px 12px;transition:all .2s ease}.jump-month-btn:hover{background:#6d28d9}.empty-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 14px #7c3aed4d;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 18px #7c3aed73;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;color:#f1f5f9;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:#ffffff24;color:#fff}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c16bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.ticket-modal-main{animation:modalIn .25s cubic-bezier(.16,1,.3,1) both;background:#111726;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 32px 80px #0009,0 0 0 1px #8b5cf633;overflow:hidden;position:relative;width:min(840px,94vw)}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{align-items:center;background:#0f172ad9;border:1px solid #fff3;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s ease;width:32px;z-index:10}.modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.ticket-modal-banner{background:linear-gradient(135deg,#2e1065,#1e1b4b);height:190px;overflow:hidden;position:relative}.ticket-modal-banner-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.ticket-modal-banner-fallback{align-items:center;display:flex;font-size:64px;height:100%;justify-content:center;opacity:.4;width:100%}.ticket-modal-banner-overlay{background:linear-gradient(180deg,#0000 0,#11172699 60%,#111726);inset:0;position:absolute}.ticket-modal-event-title{bottom:16px;color:#fff;font-size:clamp(20px,3.5vw,28px);font-weight:800;left:24px;letter-spacing:-.01em;line-height:1.2;position:absolute;right:60px;text-shadow:0 2px 10px #000000b3}.ticket-modal-body{display:grid;grid-template-columns:1fr 220px}.ticket-modal-left{border-right:1px dashed #ffffff1a;display:flex;flex-direction:column;gap:16px;padding:22px 24px 24px}.ticket-header-chips{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ticket-order-code{align-items:center;background:#1e293b99;border:1px solid #ffffff1a;border-radius:8px;display:inline-flex;gap:8px;padding:6px 12px}.ticket-order-code-label{color:#a78bfa;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ticket-order-code-value{color:#fff;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:.06em}.ticket-zone-chip{background:#8b5cf62e;border:1px solid #8b5cf659;border-radius:8px;color:#c084fc;font-size:12px;font-weight:600;padding:6px 12px}.ticket-meta-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ticket-meta-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:10px 12px}.ticket-meta-item.full{grid-column:1/-1}.ticket-meta-label{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ticket-meta-value{color:#f1f5f9;font-size:14px;font-weight:500;line-height:1.4}.ticket-meta-value.highlight-date{color:#fff;font-weight:600}.ticket-meta-value.highlight-zone{color:#c4b5fd;font-weight:600}.ticket-meta-value.highlight-qty{color:#38bdf8;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:.05em}.ticket-meta-value.sub-date{color:#94a3b8;font-size:12px}.ticket-price-row{align-items:center;background:#7c3aed1f;border:1px solid #8b5cf647;border-radius:12px;display:flex;justify-content:space-between;margin-top:4px;padding:12px 18px}.ticket-price-label{color:#c4b5fd;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ticket-price-amount{color:#fff;font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.04em}.ticket-modal-right{background:#0f142099;gap:16px;justify-content:center;padding:22px 20px 24px}.ticket-modal-right,.ticket-qr-wrap{align-items:center;display:flex;flex-direction:column}.ticket-qr-wrap{gap:8px}.ticket-qr-box{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000059;display:inline-block;padding:10px}.ticket-qr-hint{color:#94a3b8;font-size:11px;letter-spacing:.01em;text-align:center}.qr-placeholder{background:#1e293b;border:1px dashed #ffffff26;border-radius:12px;color:#94a3b8;height:150px;width:150px}.ticket-status-block{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.ticket-status-title{color:#94a3b8;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ticket-status-badges{display:flex;flex-direction:column;gap:6px;width:100%}.ticket-status-badge{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-align:center;width:100%}@media (max-width:860px){.mtp-root{padding:24px 14px 60px}.tc-card{grid-template-columns:80px 1fr auto}.tc-loc{max-width:220px}.ticket-modal-body{grid-template-columns:1fr}.ticket-modal-left{border-bottom:1px dashed #ffffff1a;border-right:none}.ticket-modal-right{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.ticket-status-block{min-width:160px;width:auto}}@media (max-width:640px){.mtp-root{padding:12px 0 60px}.mtp-container{padding:0 4px}.mtp-header{gap:10px;margin-bottom:14px}.mtp-title{font-size:22px;margin-bottom:4px}.mtp-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.mtp-quick-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.mtp-header{gap:4px;margin-bottom:10px}.mtp-title{font-size:20px;letter-spacing:-.01em;margin-bottom:2px}.mtp-quick-stats,.mtp-sub{display:none}.mtp-controls-panel{border-radius:14px;box-shadow:0 4px 18px #0003;gap:8px;margin-bottom:14px;padding:10px 12px}.mtp-row-tabs{flex-direction:column;gap:8px}.filter-group{-webkit-overflow-scrolling:touch;display:flex;gap:3px;overflow-x:auto;padding:3px;scrollbar-width:none;width:100%}.filter-group::-webkit-scrollbar{display:none}.filter-btn{border-radius:8px;flex:1 1;font-size:11.5px;justify-content:center;min-width:85px;padding:6px 8px}.quick-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;width:100%}.quick-btn{border-radius:8px;font-size:11px;padding:6px 8px;text-align:center}.mtp-row-date-filter{flex-direction:column;gap:6px;padding-top:8px}.month-stepper{border-radius:10px;display:flex;justify-content:space-between;padding:3px 6px;width:100%}.step-btn{height:28px;width:28px}.stepper-label{font-size:12.5px}.selectors-wrap{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;width:100%}.select-field{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.select-label{font-size:10px}.custom-select{border-radius:8px;font-size:11.5px;padding:5px 8px;width:100%}.filter-summary-badge{border-radius:6px;font-size:10.5px;padding:4px 8px;text-align:center;width:100%}.tc-card{background:linear-gradient(145deg,#1b2232f5,#101521fa);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;grid-template-columns:none;margin-bottom:2px;overflow:visible;position:relative;transition:transform .2s ease,border-color .2s ease}.tc-card:active{transform:scale(.985)}.tc-desktop-only,.tc-left,.tc-notch{display:none!important}.tc-middle{gap:5px;padding:11px 13px 5px}.tc-mobile-meta-bar{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.tc-chips-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tc-zone-pill{background:#8b5cf629;border:1px solid #8b5cf659;border-radius:6px;color:#c084fc;letter-spacing:.02em}.tc-mobile-qty-pill,.tc-zone-pill{font-size:10.5px;font-weight:700;padding:2.5px 7px}.tc-mobile-qty-pill{align-items:center;background:#7c3aed33;border:1px solid #a78bfa59;border-radius:6px;color:#a78bfa;display:inline-flex;letter-spacing:.03em}.tc-mobile-order-code{color:#64748b;font-family:monospace;font-size:10.5px;max-width:120px;white-space:nowrap}.tc-event,.tc-mobile-order-code{overflow:hidden;text-overflow:ellipsis}.tc-event{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14.5px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:1px 0 3px;white-space:normal}.tc-info-grid{display:flex;flex-direction:column;gap:3px}.tc-info-item{align-items:center;display:flex;font-size:11.5px;gap:6px;line-height:1.3}.tc-info-icon{flex-shrink:0;font-size:11.5px}.tc-date{color:#cbd5e1;font-weight:600}.tc-loc{color:#94a3b8;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-mobile-divider{align-items:center;display:flex;height:14px;margin:1px 0;position:relative}.tc-mobile-dash{border-top:1.5px dashed #ffffff24;flex:1 1;margin:0 12px}.tc-mobile-notch{background:#181920;border-radius:50%;box-shadow:inset 0 0 4px #000000b3;height:14px;position:absolute;top:0;width:14px;z-index:2}.tc-notch-l{border-right:1px solid #ffffff1a;left:-7px}.tc-notch-r{border-left:1px solid #ffffff1a;right:-7px}.tc-right{align-items:center;background:#0000;border-left:none;display:flex;flex-direction:row;gap:10px;justify-content:space-between;min-width:0;padding:5px 13px 10px;width:100%}.tc-price-badges-group{align-items:flex-start;display:flex;flex-direction:column;gap:3px;min-width:0}.tc-price-wrap{align-items:baseline;display:flex;gap:4px}.tc-price-label-mobile{color:#94a3b8;display:inline-block;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.tc-price{color:#22c55e;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.04em;line-height:1}.tc-price span{color:#86efac;font-size:12px;margin-left:1px}.tc-badges-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tc-badge{border-radius:5px;font-size:9.5px;font-weight:600;line-height:1.3;padding:2px 6px;white-space:nowrap}.tc-qr-action{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:999px;box-shadow:0 3px 12px #7c3aed59;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;gap:5px;margin-top:0;min-height:36px;padding:7px 14px;white-space:nowrap}.date-separator{margin:10px 0 4px}.date-separator-pill{font-size:11px;padding:3px 10px}.mtp-inline-hint{gap:8px;margin-bottom:12px;padding:10px 12px}.hint-content,.hint-text{font-size:11.5px}.hint-actions{justify-content:space-between;width:100%}.hint-jump-btn{flex:1 1;font-size:11.5px;padding:6px 10px;text-align:center}.hint-all-btn{font-size:11px;padding:6px 10px}.modal-overlay{padding:10px}.ticket-modal-main{border-radius:16px;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:100%}.ticket-modal-banner{flex-shrink:0;height:115px}.ticket-modal-event-title{bottom:8px;font-size:15.5px;left:12px;right:44px}.ticket-modal-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.ticket-modal-right{background:#0f1420b3;border-bottom:1px dashed #ffffff1f;gap:10px;order:1;padding:16px 14px 14px;width:100%}.ticket-qr-box{padding:8px}.ticket-status-badges{flex-direction:row;gap:8px;justify-content:center}.ticket-status-badge{font-size:11.5px;padding:5px 12px;width:auto}.ticket-modal-left{border-bottom:none;gap:12px;order:2;padding:14px 14px 20px}.ticket-meta-grid{gap:8px;grid-template-columns:1fr 1fr}.ticket-meta-item{padding:8px 10px}.ticket-meta-label{font-size:9.5px}.ticket-meta-value{font-size:12.5px}.ticket-price-row{margin-top:2px;padding:10px 14px}.ticket-price-amount{font-size:22px}}.ma-page-1{color:#fff;display:flex;font-family:Segoe UI,sans-serif;justify-content:center}.ma-container-1{max-width:860px;width:100%}.ma-header-1{margin-bottom:32px}.ma-title-1{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.ma-divider-1{background-color:#2e2e2e;height:1px}.ma-body-1{align-items:center;display:flex;flex-direction:column}.ma-avatar-wrapper-1{cursor:pointer;height:96px;margin-bottom:20px;position:relative;width:96px}.ma-avatar-1{align-items:center;background-color:#22a861;border-radius:50%;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.ma-avatar-img-1{height:100%;object-fit:cover;width:100%}.ma-avatar-initial-1{color:#fff;font-size:40px;font-weight:700;-webkit-user-select:none;user-select:none}.ma-avatar-camera-1{align-items:center;background-color:#22a861;border:2px solid #1a1a1a;border-radius:50%;bottom:0;display:flex;height:28px;justify-content:center;position:absolute;right:-2px;width:28px}.ma-avatar-camera svg{color:#fff;height:14px;width:14px}.ma-file-input{display:none}.ma-notice{color:#aaa;font-size:13.5px;line-height:1.6;margin:0 0 28px;text-align:center}.ma-form{gap:20px;max-width:420px;width:100%}.ma-field,.ma-form{display:flex;flex-direction:column}.ma-field{gap:6px}.ma-label{color:#fff;font-size:14px;font-weight:600}.ma-label--muted{color:#aaa;font-weight:400}.ma-input{background-color:#f5f5f5;border:none;border-radius:6px;box-sizing:border-box;color:#1a1a1a;font-size:14px;outline:none;padding:13px 14px;transition:box-shadow .2s;width:100%}.ma-input:focus{box-shadow:0 0 0 2px #22a861}.ma-phone-input-wrapper{position:relative}.ma-phone-input{padding-right:40px}.ma-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ma-clear-btn svg{color:#888;height:16px;width:16px}.ma-email-wrapper{position:relative}.ma-email-input{color:#888;padding-right:40px}.ma-verified-icon{align-items:center;display:flex;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ma-verified-icon svg{height:22px;width:22px}.ma-dob-row .ma-select-wrapper{flex:1 1}.ma-select-wrapper{position:relative}.ma-select{-webkit-appearance:none;appearance:none;background-color:#f5f5f5;border:none;border-radius:6px;box-sizing:border-box;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:500;height:50px;outline:none;padding:13px 36px 13px 14px;transition:box-shadow .2s;width:100%}.ma-select:focus{box-shadow:0 0 0 2px #22a861}.ma-chevron{color:#555;height:14px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px}.ma-gender-row{align-items:center;display:flex;gap:28px}.ma-radio-label{color:#fff;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.ma-radio,.ma-radio-label{align-items:center;cursor:pointer;display:flex}.ma-radio{border:2px solid #555;border-radius:50%;flex-shrink:0;height:20px;justify-content:center;transition:border-color .2s;width:20px}.ma-radio--checked{border-color:#22a861}.ma-radio-dot{background-color:#22a861;border-radius:50%;height:10px;width:10px}.ma-save-msg{border-radius:6px;font-size:13px;font-weight:500;margin:0;padding:8px 12px;text-align:center}.ma-save-msg--ok{background-color:#22a8611f;color:#22a861}.ma-save-msg--err{background-color:#ef44441f;color:#ef4444}.ma-submit-btn{background-color:#22a861;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:15px;transition:background-color .2s,transform .1s,opacity .2s;width:100%}.ma-submit-btn:hover:not(:disabled){background-color:#1e9856}.ma-submit-btn:active:not(:disabled){background-color:#1a8a4e;transform:scale(.99)}.ma-submit-btn:disabled{cursor:not-allowed;opacity:.6}.ma-dob-row{display:flex;gap:10px}.ma-dob-select-wrapper{flex:1 1}.ma-dob-select{-webkit-appearance:none;appearance:none;background-color:#f5f5f5;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:14px;outline:none;padding:13px 32px 13px 14px;width:100%}.ma-dob-select:focus{box-shadow:0 0 0 2px #22a861}@media (max-width:768px){.ma-container-1{padding:0 12px}.ma-header-1{margin-bottom:24px}.ma-title-1{font-size:20px}.ma-avatar-1,.ma-avatar-wrapper-1{height:80px;width:80px}.ma-avatar-initial-1{font-size:32px}.ma-form{max-width:100%}}@media (max-width:480px){.ma-dob-row{gap:6px}.ma-dob-select,.ma-select{font-size:13px;height:44px;padding:11px 24px 11px 10px}.ma-gender-row{gap:16px}.ma-radio-label{font-size:13px}.ma-submit-btn{font-size:14.5px;padding:13px}}.admin-layout-wrapper{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;width:100%}.admin-main-content{background:#f8fafc;box-sizing:border-box;display:block;flex:1 1;padding-top:70px;padding-top:var(--navbar-height,70px)}.admin-main-content,.admin-main-content>*{min-width:0;width:100%}.admin-alert-container{max-width:calc(100vw - 32px);position:fixed;right:20px;top:80px;width:320px;z-index:9999}.admin-alert{align-items:center;animation:fadeIn .3s ease;border-radius:8px;box-shadow:0 4px 14px #00000026;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.admin-alert.warning{background:#f59e0b}.admin-alert.soldout{background:#ef4444}.alert-close{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:4px}.alert-close:hover{opacity:.7}@media (max-width:600px){.admin-alert-container{left:12px;right:12px;top:74px;width:auto}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--bg-hover:#f1f5f9;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 10px 20px #00000026;--danger-color:#ef4444;--success-color:#10b981;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.navbar-admin{background:#fff;background:var(--bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);height:70px;height:var(--navbar-height);left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;gap:2rem;height:100%;justify-content:space-between;max-width:100%;padding:0 2rem}.navbar-brand{cursor:pointer;flex-shrink:0;gap:.875rem;-webkit-user-select:none;user-select:none}.brand-logo,.navbar-brand{align-items:center;display:flex}.brand-logo{border-radius:8px;height:48px;justify-content:center;max-width:160px}.brand-logo img{max-height:44px;object-fit:contain;width:auto}.mobile-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:#000;cursor:pointer;display:none;height:44px;justify-content:center;margin-left:auto;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.mobile-toggle:hover{background:#f1f5f9;background:var(--bg-hover)}.mobile-toggle:active{transform:scale(.95)}.mobile-toggle svg{height:24px;width:24px}.navbar-menu{align-items:center;display:flex;flex:1 1;gap:.5rem;height:100%}.mb-menu-item,.menu-parent{align-items:center;display:flex;height:100%;position:relative}.mb-menu-item{background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:500;gap:.625rem;padding:0 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.mb-menu-item:hover{background:linear-gradient(180deg,#0000,#f1f5f9);background:linear-gradient(to bottom,#0000,var(--bg-hover));color:#000}.mb-menu-item.active{background:linear-gradient(180deg,#0000,#eff6ff);background:linear-gradient(to bottom,#0000,var(--primary-light));border-bottom-color:#2563eb;border-bottom-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}.menu-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.menu-icon svg{height:20px;width:20px}.menu-label{font-size:.9375rem;line-height:1}.menu-arrow{font-size:.625rem;margin-left:.25rem;opacity:.7;transition:transform .25s ease}.menu-arrow.open{transform:rotate(180deg)}.submenu{animation:dropdownSlideIn .2s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 20px #00000026;box-shadow:var(--shadow-lg);left:0;margin-top:.5rem;min-width:220px;padding:.625rem;position:absolute;top:100%;z-index:100}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.submenu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.submenu-item:hover{background:#f1f5f9;background:var(--bg-hover);color:#000;transform:translateX(4px)}.submenu-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary-color);font-weight:600}.submenu-dot{font-size:1.25rem;line-height:0;opacity:.6}.submenu-item.active .submenu-dot{opacity:1}.navbar-right{flex-shrink:0;position:relative}.profile-btn{align-items:center;background:#0000;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:.875rem;padding:.5rem 1rem .5rem .5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-btn:hover{background:#f1f5f9;background:var(--bg-hover);border-color:#64748b;box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm)}.profile-btn:active{transform:scale(.98)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:.9375rem;font-weight:600;height:38px;justify-content:center;width:38px}.profile-info{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.profile-name{color:#000;font-size:.9375rem;font-weight:600;line-height:1.3;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#64748b;font-size:.75rem;line-height:1}.profile-arrow{color:#64748b;font-size:.625rem;transition:transform .25s ease}.profile-arrow.open{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlideIn .2s cubic-bezier(.16,1,.3,1);background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 10px 20px #00000026;box-shadow:var(--shadow-lg);min-width:260px;padding:.625rem;top:calc(100% + .75rem)}.dropdown-header{align-items:center;display:flex;gap:.875rem;margin-bottom:.25rem;padding:.875rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:11px;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:44px;justify-content:center;width:44px}.dropdown-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.dropdown-email{color:#000;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-level{color:#64748b;font-size:.8125rem}.dropdown-divider{background:#e2e8f0;background:var(--border-color);height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.875rem;padding:.75rem .875rem;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.dropdown-item:hover{background:#f1f5f9;background:var(--bg-hover);color:#000;transform:translateX(4px)}.dropdown-item svg{flex-shrink:0;height:19px;width:19px}.dropdown-item.logout{color:#ef4444;color:var(--danger-color);margin-top:.25rem}.dropdown-item.logout:hover{background:#ef444414;color:#ef4444;color:var(--danger-color)}@media (max-width:1024px){.navbar-container{gap:1rem;padding:0 1.25rem}.brand-logo{height:40px;max-width:120px}.brand-logo img{max-height:36px;object-fit:contain;width:auto}.mobile-toggle{display:flex;margin-left:auto}.navbar-menu{align-items:stretch;background:#fff;background:var(--bg-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;flex-direction:column;gap:0;left:0;overflow-y:auto;padding:1.25rem 1rem;position:fixed;right:0;top:70px;top:var(--navbar-height);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.navbar-menu.mobile-open{box-shadow:0 10px 20px #00000026;box-shadow:var(--shadow-lg);transform:translateX(0)}.mb-menu-item,.menu-parent{height:auto;width:100%}.mb-menu-item{border-bottom:none;border-radius:10px;font-size:.9375rem;justify-content:space-between;padding:.9rem 1.25rem}.mb-menu-item:hover{background:#f1f5f9;background:var(--bg-hover);background:linear-gradient(90deg,#eff6ff,#0000);background:linear-gradient(to right,var(--primary-light),#0000)}.mb-menu-item.active{background:#eff6ff;background:var(--primary-light);border-bottom:none;color:#2563eb;color:var(--primary-color)}.submenu{animation:mobileSubmenuSlide .25s ease;background:#0000;border:none;border-left:2px solid #eff6ff;border-left:2px solid var(--primary-light);border-radius:0;box-shadow:none;margin:0 0 .5rem 1rem;padding:.25rem 0;position:static}@keyframes mobileSubmenuSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.submenu-item{border-radius:8px;font-size:.875rem;padding:.625rem 1rem}.submenu-item:hover{background:#f1f5f9;background:var(--bg-hover);transform:translateX(0)}.profile-arrow,.profile-info{display:none}.profile-btn{border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:10px;padding:.375rem}.profile-btn:hover{background:#f1f5f9;background:var(--bg-hover);box-shadow:none}.dropdown-menu{min-width:240px;right:0}}@media (max-width:480px){.navbar-container{padding:0 .875rem}.profile-avatar{border-radius:8px;font-size:.875rem;height:34px;width:34px}.mb-menu-item{padding:.875rem 1rem}.dropdown-menu{min-width:220px;right:-.25rem}}.navbar-menu::-webkit-scrollbar{width:6px}.navbar-menu::-webkit-scrollbar-track{background:#0000}.navbar-menu::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:3px}.navbar-menu::-webkit-scrollbar-thumb:hover{background:#64748b}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navbar-admin{display:none}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-container{display:flex;gap:8px}.loading-bar{animation:bounce .6s ease-in-out infinite;background-color:#22c55e;border-radius:9999px;height:48px;width:12px}.loading-bar:first-child{animation-delay:0s}.loading-bar:nth-child(2){animation-delay:.15s}.loading-bar:nth-child(3){animation-delay:.3s}.btn-cancel-loading{background-color:#fffffff2;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-cancel-loading:hover{background-color:#f44336;border-color:#f44336;box-shadow:0 6px 16px #f443364d;color:#fff;transform:translateY(-2px)}.btn-cancel-loading:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-admin-container{align-items:center;background:linear-gradient(135deg,#415949,#2d8a4f);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-admin-box{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:50px 40px;width:100%}.login-header{margin-bottom:40px;text-align:center}.admin-icon{align-items:center;background:linear-gradient(135deg,#415949,#2d8a4f);border-radius:50%;box-shadow:0 10px 30px #667eea66;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.admin-icon svg{color:#fff;height:40px;width:40px}.login-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#718096;font-size:15px}.login-form{margin-bottom:30px}.form-group{margin-bottom:24px}.form-group label{color:#2d3748;display:block;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#a0aec0;height:20px;left:12px;pointer-events:none;position:absolute;width:20px}.input-wrapper input{border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:15px;outline:none;padding:14px 16px 14px 48px;text-indent:22px;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input::placeholder{color:#cbd5e0}.toggle-password{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:16px}.toggle-password svg{color:#a0aec0;height:20px;transition:color .3s ease;width:20px}.toggle-password:hover svg{color:#667eea}.login-button{background:linear-gradient(135deg,#415949,#2d8a4f);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-footer{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.login-footer p{color:#a0aec0;font-size:13px}@media (max-width:480px){.login-admin-box{padding:40px 30px}.login-header h1{font-size:24px}.admin-icon{height:70px;width:70px}.admin-icon svg{height:35px;width:35px}}:root{--navbar-height:70px;--primary-blue:#2563eb;--primary-purple:#9333ea;--primary-green:#10b981;--primary-orange:#f59e0b;--primary-red:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-secondary:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 24px #0000001f;--shadow-xl:0 20px 40px #00000026;--radius-sm:8px;--radius-md:12px;--radius-xl:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.admin-home{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.admin-container{box-sizing:border-box;max-width:100%;padding:24px 2rem 60px;width:100%}.admin-header{animation:fadeInDown .6s ease;margin-bottom:2.5rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{align-items:flex-start;background:#fff;background:var(--bg-primary);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);display:flex;gap:2rem;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.header-content:before{background:linear-gradient(90deg,#2563eb,#9333ea,#10b981);background:linear-gradient(90deg,var(--primary-blue),var(--primary-purple),var(--primary-green));content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-text{flex:1 1}.header-title{color:#0f172a;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#9333ea);background:linear-gradient(135deg,var(--primary-blue),var(--primary-purple));-webkit-background-clip:text;background-clip:text}.header-subtitle{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}.header-time{text-align:right}.time-display{font-feature-settings:"tnum";color:#0f172a;color:var(--text-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.date-display{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2.5rem}.stat-card{align-items:center;animation:fadeInUp .6s ease;animation-fill-mode:both;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card.stat-blue:before{background:#2563eb;background:var(--primary-blue)}.stat-card.stat-purple:before{background:#9333ea;background:var(--primary-purple)}.stat-card.stat-green:before{background:#10b981;background:var(--primary-green)}.stat-card.stat-orange:before{background:#f59e0b;background:var(--primary-orange)}.stat-card:hover{box-shadow:0 10px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-blue .stat-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;color:var(--primary-blue)}.stat-purple .stat-icon{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#9333ea;color:var(--primary-purple)}.stat-green .stat-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981;color:var(--primary-green)}.stat-orange .stat-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b;color:var(--primary-orange)}.stat-content{flex:1 1}.stat-title{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.375rem;text-transform:uppercase}.stat-value{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.375rem}.stat-change{align-items:center;display:flex;font-size:.8125rem;font-weight:600;gap:.25rem}.stat-change.up{color:#10b981;color:var(--primary-green)}.stat-change.down{color:#ef4444;color:var(--primary-red)}.change-icon{font-size:1rem;line-height:1}.main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.section-card{animation:fadeIn .6s ease;animation-fill-mode:both;background:#fff;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.content-left .section-card:first-child{animation-delay:.5s}.content-left .section-card:nth-child(2){animation-delay:.6s}.content-right .section-card:first-child{animation-delay:.7s}.content-right .section-card:nth-child(2){animation-delay:.8s}.section-header{margin-bottom:1.5rem}.section-title{color:#0f172a;color:var(--text-primary);font-size:1.25rem;letter-spacing:-.01em;margin:0 0 .25rem}.section-subtitle{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin:0}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-card:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card.action-blue:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary-blue)}.action-card.action-purple:hover{background:#faf5ff;border-color:#9333ea;border-color:var(--primary-purple)}.action-card.action-green:hover{background:#ecfdf5;border-color:#10b981;border-color:var(--primary-green)}.action-card.action-orange:hover{background:#fffbeb;border-color:#f59e0b;border-color:var(--primary-orange)}.action-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.action-blue .action-icon{background:#2563eb;background:var(--primary-blue);color:#fff}.action-purple .action-icon{background:#9333ea;background:var(--primary-purple);color:#fff}.action-green .action-icon{background:#10b981;background:var(--primary-green);color:#fff}.action-orange .action-icon{background:#f59e0b;background:var(--primary-orange);color:#fff}.action-content{flex:1 1}.action-title{color:#0f172a;color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.action-description{color:#64748b;color:var(--text-secondary);font-size:.8125rem}.chart-placeholder{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-radius:var(--radius-md);height:280px;padding:2rem 1rem 1rem}.chart-bars,.chart-placeholder{align-items:flex-end;display:flex;justify-content:space-around}.chart-bars{gap:1.5rem;height:100%;width:100%}.bar{background:linear-gradient(180deg,#2563eb,#9333ea);background:linear-gradient(180deg,var(--primary-blue),var(--primary-purple));border-radius:8px 8px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:0 -4px 12px #2563eb33;cursor:pointer;flex:1 1;min-height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bar:hover{box-shadow:0 -8px 20px #2563eb4d;transform:scaleY(1.05)}.bar-label{bottom:-2rem;color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:.75rem 0}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:.375rem;width:10px}.activity-dot.activity-order{background:#2563eb;background:var(--primary-blue)}.activity-dot.activity-product{background:#9333ea;background:var(--primary-purple)}.activity-dot.activity-user{background:#10b981;background:var(--primary-green)}.activity-dot.activity-payment{background:#f59e0b;background:var(--primary-orange)}.activity-dot.activity-review{background:#f59e0b}.activity-content{flex:1 1}.activity-text{color:#0f172a;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.activity-text strong{font-weight:600}.activity-time{color:#94a3b8;color:var(--text-light);font-size:.75rem}.view-all-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.view-all-btn:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.status-list{gap:1.25rem}.status-item,.status-list{display:flex;flex-direction:column}.status-item{gap:.625rem}.status-info{align-items:center;display:flex;justify-content:space-between}.status-name{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.status-badge.status-success{background:#d1fae5;color:#10b981;color:var(--primary-green)}.status-badge.status-warning{background:#fef3c7;color:#f59e0b;color:var(--primary-orange)}.status-bar{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.status-progress{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--primary-green),#34d399);border-radius:4px;height:100%;transition:width .6s ease}.status-progress.status-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--primary-orange),#fbbf24)}@media (max-width:1200px){.main-content{grid-template-columns:1fr}.content-right{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.content-right .section-card{margin-bottom:0}}@media (max-width:768px){.admin-container{padding:1.5rem}.header-content{align-items:flex-start;flex-direction:column;padding:1.5rem}.header-title,.time-display{font-size:1.5rem}.header-time{text-align:left}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-actions-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.content-right{grid-template-columns:1fr}.section-card{padding:1.5rem}}@media (max-width:480px){.admin-container{padding:1rem .875rem 32px}.header-content{padding:1.25rem}.header-title{font-size:1.25rem}.stats-grid{gap:.875rem}.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.15rem}.section-card{padding:1.25rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-light)}.section-header{margin-bottom:16px}.month-filter-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.month-filter-btn{background:#0000;border:1px solid #e2e8f0;border-radius:99px;color:#64748b;cursor:pointer;font-size:12px;font-weight:400;padding:4px 12px;transition:all .2s ease-in-out}.month-filter-btn.active{background:#185fa5;border:none;color:#e6f1fb;font-weight:600}.empty-stats-message{color:#94a3b8;font-size:14px;padding:24px 0;text-align:center}.event-stat-item{margin-bottom:14px}.event-stat-header{display:flex;justify-content:space-between;margin-bottom:4px}.event-stat-name{color:#0f172a;color:var(--text-primary,#0f172a);font-size:13px;font-weight:600;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-stat-count{font-size:12px;font-weight:600}.progress-bar-container{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.progress-bar-fill{border-radius:99px;height:100%;transition:width .4s ease}.year-filter-select{background-color:#f8fafc00;border:1px solid #e2e8f000;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:100px;outline:none;padding:3px 6px;transition:all .2s ease;width:15%}.year-filter-select:hover{border-color:#cbd5e1}.year-filter-select:focus{border-color:#185fa5;box-shadow:0 0 0 2px #185fa51a}@media (max-width:1024px){.admin-container{padding:1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-container{padding:1rem .75rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.header-title{font-size:1.5rem}.header-time{text-align:left}.time-display{font-size:1.5rem}.stats-grid{gap:.875rem;grid-template-columns:1fr;margin-bottom:1.5rem}.stat-card{padding:1.25rem}.year-filter-select{min-width:80px;width:auto}.month-filters-container{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}}.manager-user-page-wrapper{box-sizing:border-box;font-family:Inter,sans-serif;max-width:100%;padding:24px 2rem 60px;width:100%}.manager-user-page-wrapper .mu-user-card{animation:muSlideIn .5s ease;background:#fff;border-radius:20px;margin:0 auto;overflow:hidden;width:100%}.manager-user-page-wrapper .mu-user-header{align-items:center;display:flex;justify-content:space-between;padding:30px}.manager-user-page-wrapper .mu-user-header-info h2{color:#000;font-size:24px;margin:0}.manager-user-page-wrapper .mu-user-header-info p{color:#000000b3;font-size:14px;margin:5px 0 0}.manager-user-page-wrapper .mu-search-wrapper{position:relative;width:300px}.manager-user-page-wrapper .mu-search-input{background:#ffffff26;border:1px solid #0000004d;border-radius:10px;color:#000;outline:none;padding:10px 15px 10px 40px;width:100%}.manager-user-page-wrapper .mu-search-icon{color:#000;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.manager-user-page-wrapper .mu-user-body{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:30px}.manager-user-page-wrapper .mu-custom-table{border-collapse:collapse;min-width:600px;width:100%}.manager-user-page-wrapper .mu-custom-table th{border-bottom:2px solid #edf2f7;color:#718096;font-size:13px;padding:15px;text-align:left;text-align:center;text-transform:uppercase}.manager-user-page-wrapper .mu-custom-table td{border-bottom:1px solid #edf2f7;font-size:14px;padding:15px;text-align:center}.manager-user-page-wrapper .mu-membership-badge{border-radius:20px;font-size:12px;font-weight:700;padding:5px 12px}.manager-user-page-wrapper .mu-membership-badge.Đồng{background:#e6d0bc;color:#8b5a2b}.manager-user-page-wrapper .mu-membership-badge.Bạc{background:#e2e8f0;color:#4a5568}.manager-user-page-wrapper .mu-membership-badge.Vàng{background:#fefcbf;color:#b7791f}.manager-user-page-wrapper .mu-status-badge{align-items:center;display:flex;gap:6px}.manager-user-page-wrapper .mu-status-dot{border-radius:50%;height:8px;width:8px}.manager-user-page-wrapper .mu-active-status .mu-status-dot{background:#48bb78}.manager-user-page-wrapper .mu-inactive-status .mu-status-dot{background:#f56565}.manager-user-page-wrapper .mu-btn-view{background:#e6f7ff;border:1px solid #91d5ff;border-radius:6px;color:#1890ff;cursor:pointer;padding:6px 15px;transition:.3s}.manager-user-page-wrapper .mu-btn-view:hover{background:#1890ff;color:#fff}.manager-user-page-wrapper .mu-modal-overlay{align-items:center;animation:muFadeIn .3s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.manager-user-page-wrapper .mu-modal-content{background:#fff;border-radius:15px;max-width:600px;padding:30px;width:90%}.manager-user-page-wrapper .mu-user-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:20px 0}.manager-user-page-wrapper .mu-detail-item{border-bottom:1px solid #eee;font-size:14px;padding-bottom:8px}.manager-user-page-wrapper .mu-btn-cancel{background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;padding:8px 20px}@keyframes muSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes muFadeIn{0%{opacity:0}to{opacity:1}}.mu-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.mu-detail-modal{animation:mu-modal-in .2s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;max-width:480px;overflow:hidden;width:100%}@keyframes mu-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mu-modal-header{align-items:center;background:#f8f8f6;border-bottom:.5px solid #00000014;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.mu-modal-header h3{color:#1a1a1a;font-size:15px;font-weight:500;margin:0}.mu-close-btn{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:background .15s}.mu-close-btn:hover{background:#0000000f}.mu-modal-body{padding:1.25rem 1.5rem}.mu-user-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:1rem}.mu-detail-item{background:#f8f8f6;border-radius:8px;padding:10px 14px}.mu-detail-item strong{color:#999;display:block;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.mu-detail-item span,.mu-detail-item>:not(strong){color:#1a1a1a;font-size:13px;word-break:break-all}.mu-modal-actions{padding:0 1.5rem 1.25rem}.mu-btn-cancel{background:none;border:.5px solid #00000026;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:10px;transition:background .15s;width:100%}.mu-btn-cancel:hover{background:#0000000a}@media (max-width:768px){.manager-user-page-wrapper{margin-top:10px;padding:16px 12px}.manager-user-page-wrapper .mu-user-header{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}.manager-user-page-wrapper .mu-search-wrapper{width:100%}.manager-user-page-wrapper .mu-user-body{padding:16px 12px}.manager-user-page-wrapper .mu-modal-content{max-height:90vh;width:92vw}}.admin-profile-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--navbar-height, 70px));padding:32px 20px 60px}.profile-card{animation:slideIn .4s ease;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 24px #00000014;max-width:1000px;overflow:hidden;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:center;background:linear-gradient(135deg,#7ab184,#3f5340);display:flex;justify-content:space-between;padding:40px;position:relative}.profile-avatar-section{align-items:center;display:flex;gap:24px}.profile-avatar-large{align-items:center;background:#fff;border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 24px #0003;color:#667eea;display:flex;font-size:40px;font-weight:700;height:100px;justify-content:center;width:100px}.profile-header-info h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.profile-role-badge{border-radius:20px;display:inline-block;font-size:13px;padding:6px 16px}.btn-edit-profile,.profile-role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff;font-weight:600}.btn-edit-profile{align-items:center;border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-edit-profile:hover{background:#ffffff4d;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.profile-body{padding:40px}.profile-section{margin-bottom:40px}.profile-section:last-child{margin-bottom:0}.section-title{border-bottom:3px solid #e2e8f0;color:#2d3748;font-size:20px;margin-bottom:24px;padding-bottom:12px;position:relative}.section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.profile-item{display:flex;flex-direction:column;gap:8px}.profile-item.full-width{grid-column:1/-1}.profile-item label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-item .value{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:15px;font-weight:500;padding:12px}.role-badge-inline{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.role-badge-inline.superadmin{background-color:#fed7d7;color:#c53030}.role-badge-inline.admin{background-color:#bee3f8;color:#2c5282}.role-badge-inline.moderator{background-color:#c6f6d5;color:#276749}.level-badge-inline{background-color:#e6fffa;border-radius:20px;color:#234e52;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.edit-input,.edit-textarea{background-color:#fff;border:2px solid #667eea;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease}.edit-input:focus,.edit-textarea:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-textarea{min-height:80px;resize:vertical}.profile-actions{border-top:2px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:32px}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.btn-cancel{background-color:#e2e8f0;color:#4a5568}.btn-cancel:hover{background-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.no-admin{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.no-admin p{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;color:#4a5568;font-size:18px;padding:40px 60px}@media (max-width:768px){.admin-profile-container{padding:20px 10px}.profile-header{flex-direction:column;gap:20px;padding:30px 20px}.profile-avatar-section{flex-direction:column;text-align:center}.profile-header-info h2{font-size:24px}.btn-edit-profile{justify-content:center;width:100%}.profile-body{padding:24px 20px}.profile-grid{gap:20px;grid-template-columns:1fr}.section-title{font-size:18px}.profile-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}@media (max-width:480px){.profile-avatar-large{font-size:32px;height:80px;width:80px}.profile-header-info h2{font-size:20px}.profile-body{padding:20px 16px}.section-title{font-size:16px}}:root{--ma-surface:#fff;--ma-surface-2:#f8fafc;--ma-surface-hover:#f1f5f9;--ma-border:#e2e8f0;--ma-border-light:#f1f5f9;--ma-accent:#4f46e5;--ma-accent-hover:#4338ca;--ma-accent-glow:#4f46e529;--ma-accent-light:#eef2ff;--ma-text:#0f172a;--ma-text-muted:#475569;--ma-text-dim:#94a3b8;--ma-success:#16a34a;--ma-success-bg:#f0fdf4;--ma-danger:#dc2626;--ma-danger-hover:#b91c1c;--ma-danger-bg:#fef2f2;--ma-warning:#d97706;--ma-warning-bg:#fffbeb;--av1:linear-gradient(135deg,#6366f1,#8b5cf6);--av2:linear-gradient(135deg,#ec4899,#f43f5e);--av3:linear-gradient(135deg,#06b6d4,#3b82f6);--av4:linear-gradient(135deg,#10b981,#14b8a6);--av5:linear-gradient(135deg,#f59e0b,#ef4444);--ma-radius:16px;--ma-radius-sm:10px;--ma-shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000008;--ma-shadow:0 4px 16px #0f172a0f,0 1px 3px #0000000a;--ma-shadow-lg:0 20px 40px #0f172a1f,0 4px 12px #0000000f}.ma-container{box-sizing:border-box;color:#0f172a;color:var(--ma-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;padding:24px 2rem 60px;width:100%}.ma-toast{align-items:center;animation:toastIn .3s cubic-bezier(.16,1,.3,1);border-radius:10px;border-radius:var(--ma-radius-sm);box-shadow:0 20px 40px #0f172a1f,0 4px 12px #0000000f;box-shadow:var(--ma-shadow-lg);color:#fff;display:flex;font-size:.92rem;font-weight:600;gap:12px;padding:14px 22px;position:fixed;right:24px;top:84px;z-index:99999}.ma-toast--success{background:#15803d;border:1px solid #22c55e}.ma-toast--error{background:#b91c1c;border:1px solid #ef4444}.ma-toast__icon{font-size:1.1rem;font-weight:800}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ma-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.ma-header,.ma-header__left{align-items:center;display:flex;gap:16px}.ma-title{color:#0f172a;color:var(--ma-text);font-family:Sora,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.02em;margin:0}.ma-subtitle{color:#475569;color:var(--ma-text-muted);font-size:.88rem;margin:4px 0 0}.ma-btn-add{align-items:center;background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--ma-accent),var(--ma-accent-hover));border:none;border-radius:10px;border-radius:var(--ma-radius-sm);box-shadow:0 4px 14px #4f46e529;box-shadow:0 4px 14px var(--ma-accent-glow);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:600;gap:6px;padding:11px 24px;transition:all .2s ease}.ma-btn-add:hover{box-shadow:0 6px 20px #4f46e54d;transform:translateY(-2px)}.ma-btn-add:active{transform:translateY(0)}.ma-search-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ma-search-input-wrap{align-items:center;background:#fff;background:var(--ma-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--ma-border);border-radius:10px;border-radius:var(--ma-radius-sm);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;box-shadow:var(--ma-shadow-sm);display:flex;flex:1 1;min-width:260px;padding:0 16px;transition:all .2s ease}.ma-search-input-wrap:focus-within{border-color:#4f46e5;border-color:var(--ma-accent);box-shadow:0 0 0 3.5px #4f46e529;box-shadow:0 0 0 3.5px var(--ma-accent-glow)}.ma-search-icon{color:#94a3b8;color:var(--ma-text-dim);font-size:1.25rem;margin-right:10px}.ma-search-input{background:#0000;border:none;color:#0f172a;color:var(--ma-text);flex:1 1;font-family:inherit;font-size:.92rem;outline:none;padding:12px 0}.ma-search-clear,.ma-search-input::placeholder{color:#94a3b8;color:var(--ma-text-dim)}.ma-search-clear{background:none;border:none;cursor:pointer;font-size:1.3rem;padding:0 4px;transition:color .2s}.ma-btn-search,.ma-search-clear:hover{color:#0f172a;color:var(--ma-text)}.ma-btn-search{background:#fff;background:var(--ma-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--ma-border);border-radius:10px;border-radius:var(--ma-radius-sm);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;box-shadow:var(--ma-shadow-sm);cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;padding:11px 24px;transition:all .2s ease;white-space:nowrap}.ma-btn-search:hover{background:#4f46e5;background:var(--ma-accent);border-color:#4f46e5;border-color:var(--ma-accent);color:#fff}.ma-table-card{background:#fff;background:var(--ma-surface);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:16px;border-radius:var(--ma-radius);box-shadow:0 4px 16px #0f172a0f,0 1px 3px #0000000a;box-shadow:var(--ma-shadow);overflow:hidden;width:100%}.ma-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.ma-table{border-collapse:collapse;min-width:860px;text-align:left;width:100%}.ma-table thead tr{background:#f8fafc;background:var(--ma-surface-2);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--ma-border)}.ma-table th{color:#475569;color:var(--ma-text-muted);font-family:Sora,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.05em;padding:14px 20px;text-transform:uppercase;white-space:nowrap}.ma-table__row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ma-border);transition:background .15s ease}.ma-table__row:last-child{border-bottom:none}.ma-table__row:hover{background:#f1f5f9;background:var(--ma-surface-hover)}.ma-table td{color:#0f172a;color:var(--ma-text);font-size:.92rem;padding:14px 20px;vertical-align:middle}.ma-td-num{color:#94a3b8;color:var(--ma-text-dim);font-size:.85rem;font-weight:600;text-align:center;width:44px}.ma-td-muted{color:#475569;color:var(--ma-text-muted)}.ma-person{align-items:center;display:flex;gap:12px}.ma-avatar{border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;display:grid;flex-shrink:0;font-family:Sora,sans-serif;font-size:.9rem;font-weight:700;height:38px;place-items:center;width:38px}.ma-avatar--1{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--av1)}.ma-avatar--2{background:linear-gradient(135deg,#ec4899,#f43f5e);background:var(--av2)}.ma-avatar--3{background:linear-gradient(135deg,#06b6d4,#3b82f6);background:var(--av3)}.ma-avatar--4{background:linear-gradient(135deg,#10b981,#14b8a6);background:var(--av4)}.ma-avatar--5{background:linear-gradient(135deg,#f59e0b,#ef4444);background:var(--av5)}.ma-person__name{color:#0f172a;color:var(--ma-text);font-weight:600}.ma-role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:4px 12px;white-space:nowrap}.role-super{background:#f3e8ff;border:1px solid #ddd6fe;color:#7c3aed}.role-admin{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.role-mod{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.role-default{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.ma-level-badge{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;color:#b45309;display:inline-flex;font-size:.78rem;font-weight:600;padding:4px 12px;white-space:nowrap}.ma-action-group{align-items:center;display:flex;gap:8px}.ma-btn-detail{background:#eef2ff;background:var(--ma-accent-light);border:1px solid #4f46e533;border-radius:8px;color:#4f46e5;color:var(--ma-accent);cursor:pointer;font-family:inherit;font-size:.84rem;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.ma-btn-detail:hover{background:#4f46e5;background:var(--ma-accent);border-color:#4f46e5;border-color:var(--ma-accent);color:#fff;transform:translateY(-1px)}.ma-btn-icon{background:#fff;background:var(--ma-surface);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:8px;color:#475569;color:var(--ma-text-muted);cursor:pointer;display:grid;font-size:.9rem;height:32px;place-items:center;transition:all .2s ease;width:32px}.ma-btn-icon--edit:hover{background:#eef2ff;background:var(--ma-accent-light);border-color:#4f46e5;border-color:var(--ma-accent);color:#4f46e5;color:var(--ma-accent);transform:translateY(-1px)}.ma-btn-icon--del:hover{background:#fef2f2;background:var(--ma-danger-bg);border-color:#dc2626;border-color:var(--ma-danger);color:#dc2626;color:var(--ma-danger);transform:translateY(-1px)}.ma-empty{color:#94a3b8;color:var(--ma-text-dim);padding:64px 20px!important;text-align:center}.ma-empty__icon{font-size:2.8rem;margin-bottom:12px;opacity:.6}.ma-empty p{color:#475569;color:var(--ma-text-muted);font-size:.95rem;font-weight:500;margin:0}.ma-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a99;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:9999}.ma-modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--ma-surface);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:16px;border-radius:var(--ma-radius);box-shadow:0 20px 40px #0f172a1f,0 4px 12px #0000000f;box-shadow:var(--ma-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.ma-modal--wide{max-width:660px}.ma-modal--sm{max-width:440px}.ma-modal__header{align-items:center;background:#fff;background:var(--ma-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--ma-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.ma-modal__title{color:#0f172a;color:var(--ma-text);font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700;margin:0}.ma-modal__close{background:#f8fafc;background:var(--ma-surface-2);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:8px;color:#475569;color:var(--ma-text-muted);cursor:pointer;display:grid;font-size:1.3rem;height:32px;line-height:1;place-items:center;transition:all .2s;width:32px}.ma-modal__close:hover{background:#fef2f2;background:var(--ma-danger-bg);border-color:#dc2626;border-color:var(--ma-danger);color:#dc2626;color:var(--ma-danger)}.ma-modal__body{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:24px}.ma-modal__avatar-wrap{align-items:center;background:#f8fafc;background:var(--ma-surface-2);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:10px;border-radius:var(--ma-radius-sm);display:flex;gap:16px;margin-bottom:20px;padding:16px}.ma-modal__avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--av1);border-radius:14px;box-shadow:0 4px 12px #6366f140;color:#fff;display:grid;flex-shrink:0;font-size:1.4rem;height:56px;place-items:center;width:56px}.ma-modal__avatar,.ma-modal__name{font-family:Sora,sans-serif;font-weight:700}.ma-modal__name{color:#0f172a;color:var(--ma-text);font-size:1.1rem;margin:0 0 6px}.ma-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ma-detail-item{background:#f8fafc;background:var(--ma-surface-2);border:1px solid #e2e8f0;border:1px solid var(--ma-border);border-radius:10px;border-radius:var(--ma-radius-sm);padding:12px 14px}.ma-detail-item--full{grid-column:1/-1}.ma-detail-label{color:#475569;color:var(--ma-text-muted);display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.ma-detail-value{color:#0f172a;color:var(--ma-text);font-size:.92rem;font-weight:600;word-break:break-word}.ma-modal__footer{background:#f8fafc;background:var(--ma-surface-2);border-top:1px solid #e2e8f0;border-top:1px solid var(--ma-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:16px 24px}.ma-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--ma-radius-sm);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.88rem;font-weight:600;gap:6px;justify-content:center;min-width:110px;padding:11px 16px;transition:all .2s ease}.ma-btn:disabled{cursor:not-allowed;opacity:.5}.ma-btn--ghost{background:#fff;background:var(--ma-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--ma-border);color:#0f172a;color:var(--ma-text)}.ma-btn--ghost:hover:not(:disabled){background:#f1f5f9;background:var(--ma-surface-hover);border-color:#cbd5e1}.ma-btn--primary{background:#4f46e5;background:var(--ma-accent);color:#fff}.ma-btn--primary:hover:not(:disabled){background:#4338ca;background:var(--ma-accent-hover);transform:translateY(-1px)}.ma-btn--danger{background:#fef2f2;background:var(--ma-danger-bg);border:1px solid #dc262640;color:#dc2626;color:var(--ma-danger)}.ma-btn--danger-solid,.ma-btn--danger:hover:not(:disabled){background:#dc2626;background:var(--ma-danger);color:#fff}.ma-btn--danger-solid:hover:not(:disabled){background:#b91c1c;background:var(--ma-danger-hover);transform:translateY(-1px)}.ma-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.ma-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ma-form-field{display:flex;flex-direction:column;gap:6px}.ma-form-field--full{grid-column:1/-1}.ma-form-label{color:#475569;color:var(--ma-text-muted);font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.ma-req{color:#dc2626;color:var(--ma-danger);margin-left:2px}.ma-form-input{background:#fff;background:var(--ma-surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--ma-border);border-radius:10px;border-radius:var(--ma-radius-sm);box-sizing:border-box;color:#0f172a;color:var(--ma-text);font-family:inherit;font-size:.92rem;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.ma-form-input:focus{border-color:#4f46e5;border-color:var(--ma-accent);box-shadow:0 0 0 3px #4f46e529;box-shadow:0 0 0 3px var(--ma-accent-glow)}.ma-form-field--error .ma-form-input{border-color:#dc2626;border-color:var(--ma-danger)}.ma-form-err{color:#dc2626;color:var(--ma-danger);font-size:.8rem;font-weight:500;margin-top:2px}.ma-delete-confirm{padding:12px 0 8px;text-align:center}.ma-delete-icon{font-size:3.2rem;line-height:1;margin-bottom:14px}.ma-delete-msg{color:#475569;color:var(--ma-text-muted);font-size:.95rem;margin:0 0 6px}.ma-delete-name{color:#0f172a;color:var(--ma-text);font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 16px}.ma-delete-warn{background:#fef2f2;background:var(--ma-danger-bg);border:1px solid #dc262633;border-radius:8px;color:#dc2626;color:var(--ma-danger);display:inline-block;font-size:.84rem;font-weight:600;margin:0;padding:8px 16px}@media (max-width:768px){.ma-container{padding:16px 14px 40px}.ma-header{align-items:stretch;flex-direction:column;gap:14px}.ma-header__left{flex:1 1}.ma-title{font-size:1.4rem}.ma-btn-add{justify-content:center;padding:12px;width:100%}.ma-search-bar{flex-direction:column;gap:10px}.ma-search-input-wrap{min-width:100%}.ma-btn-search{width:100%}.ma-detail-grid,.ma-form-grid{grid-template-columns:1fr}.ma-form-field--full{grid-column:1}.ma-modal__footer{flex-direction:column}.ma-btn{flex:initial;width:100%}}@media (max-width:480px){.ma-container{padding:12px 10px 32px}.ma-table td,.ma-table th{font-size:.88rem;padding:12px 14px}.ma-modal{max-width:95vw}.ma-modal__body{padding:18px 16px}.ma-modal__footer{padding:14px 16px}}.add-admin-container{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--navbar-height, 70px));padding:32px 20px}.add-admin-card{animation:fadeIn .4s ease-in-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #0000000f;max-width:960px;padding:36px;width:100%}.add-admin-title{color:#1e293b;font-size:26px;font-weight:700;margin-bottom:28px;padding-bottom:14px;position:relative;text-align:center}.add-admin-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:4px}.required{color:#e53e3e;font-size:16px}.form-group input,.form-group select,.form-group textarea{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#cbd5e0}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:#fff5f5;border-color:#e53e3e}.form-group textarea{min-height:80px;resize:vertical}.error-message{animation:shake .3s ease;color:#e53e3e;display:block;font-size:12px;margin-top:-4px}.form-actions{margin-top:20px}.btn-reset,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.btn-reset{background-color:#e2e8f0;color:#4a5568}.btn-reset:hover{background-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-submit:hover{box-shadow:0 6px 20px #667eea66}.btn-reset:active,.btn-submit:active{transform:translateY(0)}@media (max-width:768px){.add-admin-container{padding:20px 10px}.add-admin-card{padding:24px}.add-admin-title{font-size:24px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-reset,.btn-submit{width:100%}}@media (max-width:480px){.add-admin-card{padding:20px}.add-admin-title{font-size:20px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}}.warning-notification{align-items:center;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff,#fefce8);border:2px solid #eab30833;border-radius:16px;box-shadow:0 10px 40px #eab30833,0 0 0 1px #eab30826;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;max-width:420px;min-width:320px;opacity:0;padding:20px 24px;position:fixed;right:24px;top:24px;transform:translateX(400px);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:9999}.warning-notification.visible{opacity:1;transform:translateX(0)}@keyframes pulse{0%,to{box-shadow:0 10px 40px #eab30833,0 0 0 1px #eab30826}50%{box-shadow:0 10px 40px #eab3084d,0 0 0 2px #eab30840}}.warning-icon{flex-shrink:0;height:52px;position:relative;width:52px}.warning-icon svg{display:block;height:100%;width:100%}.warning-circle{stroke:#eab308;stroke-width:3;stroke-linecap:round;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}.warning-line{stroke:#eab308;stroke-width:3;stroke-linecap:round;stroke-dasharray:16;stroke-dashoffset:16;animation:strokeLine .3s cubic-bezier(.65,0,.45,1) .4s forwards}.warning-dot{stroke:#eab308;stroke-width:0;fill:#eab308;animation:showDot .2s ease .7s forwards;opacity:0}@keyframes strokeLine{to{stroke-dashoffset:0}}@keyframes showDot{to{opacity:1}}.warning-content{flex:1 1;min-width:0}.warning-title{color:#ca8a04;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.warning-message{word-wrap:break-word;color:#a16207;font-size:14px;font-weight:600;line-height:1.5;margin:0}.warning-close{align-items:center;background:#eab3081a;border:none;border-radius:8px;color:#ca8a04;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.warning-close:hover{background:#eab30833;transform:rotate(90deg)}.warning-close:active{transform:rotate(90deg) scale(.95)}@media (max-width:600px){.warning-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:74px}.warning-icon{height:40px;width:40px}.warning-title{font-size:15px}.warning-message{font-size:13px}}@media (min-width:601px) and (max-width:1024px){.warning-notification{border-radius:14px;bottom:auto;left:auto!important;max-width:380px;min-width:300px;padding:16px 20px;right:20px;top:80px;transform:translateX(420px);width:auto}.warning-notification.visible{transform:translateX(0)}.warning-icon{height:44px;width:44px}.warning-title{font-size:16px}.warning-message{font-size:13.5px}}@media (prefers-color-scheme:dark){.warning-notification{background:linear-gradient(135deg,#713f12,#854d0e);box-shadow:0 10px 40px #eab3084d,0 0 0 1px #eab30840}.warning-title{color:#fde047}.warning-message{color:#fef08a}.warning-close{background:#fde0471a;color:#fde047}.warning-close:hover{background:#fde04733}@keyframes pulse{0%,to{box-shadow:0 10px 40px #eab3084d,0 0 0 1px #eab30840}50%{box-shadow:0 10px 40px #eab30866,0 0 0 2px #eab30859}}}.success-notification{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff,#f0fdf4);border:2px solid #22c55e33;border-radius:16px;box-shadow:0 10px 40px #22c55e26,0 0 0 1px #22c55e1a;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;max-width:420px;min-width:320px;opacity:0;padding:20px 24px;position:fixed;right:24px;top:24px;transform:translateX(400px);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:19999}.success-notification.visible{opacity:1;transform:translateX(0)}.success-icon{flex-shrink:0;height:52px;position:relative;width:52px}.success-icon svg{display:block;height:100%;width:100%}.success-circle{stroke:#22c55e;stroke-width:3;stroke-linecap:round;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}.success-check{stroke:#22c55e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .3s cubic-bezier(.65,0,.45,1) .4s forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}.success-content{flex:1 1;min-width:0}.success-title{color:#16a34a;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.success-message{word-wrap:break-word;color:#166534;font-size:14px;font-weight:600;line-height:1.5;margin:0}.success-close{align-items:center;background:#22c55e1a;border:none;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.success-close:hover{background:#22c55e33;transform:rotate(90deg)}.success-close:active{transform:rotate(90deg) scale(.95)}@media (max-width:600px){.success-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:74px}.success-icon{height:40px;width:40px}.success-title{font-size:15px}.success-message{font-size:13px}}@media (min-width:601px) and (max-width:1024px){.success-notification{border-radius:14px;bottom:auto;left:auto!important;max-width:380px;min-width:300px;padding:16px 20px;right:20px;top:80px;transform:translateX(420px);width:auto}.success-notification.visible{transform:translateX(0)}.success-icon{height:44px;width:44px}.success-title{font-size:16px}.success-message{font-size:13.5px}}@media (prefers-color-scheme:dark){.success-notification{background:linear-gradient(135deg,#14532d,#166534);box-shadow:0 10px 40px #22c55e4d,0 0 0 1px #22c55e33}.success-title{color:#86efac}.success-message{color:#bbf7d0}.success-close{background:#86efac1a;color:#86efac}.success-close:hover{background:#86efac33}}.error-notification{align-items:center;animation:shake .5s ease-in-out .4s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#140505bf;border:1px solid #ef44444d;border-radius:16px;box-shadow:0 10px 40px #ef444433;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;max-width:420px;min-width:320px;opacity:0;padding:20px 24px;position:fixed;right:24px;top:24px;transform:translateX(400px) scale(.95);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:9999}.error-notification.visible{opacity:1;transform:translateX(0) scale(1)}@keyframes shake{0%,to{transform:translateX(0) scale(1)}10%,30%,50%,70%,90%{transform:translateX(-4px) scale(1)}20%,40%,60%,80%{transform:translateX(4px) scale(1)}}.error-icon{flex-shrink:0;height:52px;position:relative;width:52px}.error-icon svg{display:block;height:100%;width:100%}.error-circle{stroke:#f87171;stroke-width:3;stroke-linecap:round;fill:none;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s cubic-bezier(.65,0,.45,1) forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}.error-cross{stroke:#f87171;stroke-width:3;stroke-linecap:round;stroke-dasharray:28;stroke-dashoffset:28}.error-cross-1{animation:strokeCross .3s cubic-bezier(.65,0,.45,1) .4s forwards}.error-cross-2{animation:strokeCross .3s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes strokeCross{to{stroke-dashoffset:0}}.error-content{flex:1 1;min-width:0}.error-title{color:#fca5a5;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.error-message{word-wrap:break-word;color:#fca5a5;font-size:14px;font-weight:600;line-height:1.5;margin:0}.error-close{align-items:center;background:#ef444426;border:none;border-radius:8px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:300;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.error-close:hover{background:#ef444433;transform:rotate(90deg)}.error-close:active{transform:rotate(90deg) scale(.95)}@media (max-width:600px){.error-notification{border-radius:12px;left:12px;max-width:calc(100vw - 24px);min-width:auto;padding:14px 16px;right:12px;top:74px}.error-icon{height:40px;width:40px}.error-title{font-size:15px}.error-message{font-size:13px}}@media (min-width:601px) and (max-width:1024px){.error-notification{border-radius:14px;bottom:auto;left:auto!important;max-width:380px;min-width:300px;padding:16px 20px;right:20px;top:80px;transform:translateX(420px) scale(.95);width:auto}.error-notification.visible{transform:translateX(0) scale(1)}.error-icon{height:44px;width:44px}.error-title{font-size:16px}.error-message{font-size:13.5px}}.status{display:inline-block;height:24px;position:relative;width:50px}.status .status-input{height:0;opacity:0;width:0}.toggle-slider1{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider1:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.status-input:checked+.toggle-slider1{background-color:#00c058}.status-input:checked+.toggle-slider1:before{transform:translateX(26px)}.eif-root{color:#1e293b;font-family:Be Vietnam Pro,sans-serif;margin:0 auto;max-width:760px;padding:32px 24px 64px}.eif-page-header{margin-bottom:36px}.eif-breadcrumb{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;margin-bottom:10px}.eif-breadcrumb-active{color:#7c3aed;font-weight:600}.eif-page-title{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 6px}.eif-page-sub{color:#64748b;font-size:14px;margin:0}.eif-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;font-size:13px;font-weight:500;margin-bottom:20px;padding:12px 16px}.eif-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 6px #0000000d;margin-bottom:20px;padding:28px;transition:box-shadow .2s}.eif-card:focus-within{border-color:#ddd6fe;box-shadow:0 4px 20px #7c3aed14}.eif-card-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.eif-card-num{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;color:#7c3aed;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.08em;margin-top:2px;padding:4px 10px;white-space:nowrap}.eif-card-title{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:3px}.eif-card-desc{color:#94a3b8;font-size:12px}.eif-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.eif-col-full{grid-column:1/-1}.eif-dt-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.eif-dt-group-label{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.eif-dt-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.eif-upload{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;display:block;overflow:hidden;transition:border-color .2s,background .2s}.eif-upload--over,.eif-upload:hover{background:#faf5ff;border-color:#7c3aed}.eif-upload-input{display:none}.eif-upload-empty{flex-direction:column;gap:8px;padding:52px 24px;text-align:center}.eif-upload-empty,.eif-upload-icon-wrap{align-items:center;display:flex;justify-content:center}.eif-upload-icon-wrap{background:#ede9fe;border-radius:16px;color:#7c3aed;height:60px;margin-bottom:4px;width:60px}.eif-upload-cta{color:#334155;font-size:14px;font-weight:600}.eif-upload-hint{color:#94a3b8;font-size:12px}.eif-upload-preview{position:relative;width:100%}.eif-upload-img{border-radius:14px;display:block;max-height:300px;object-fit:cover;width:100%}.eif-upload-change-overlay{align-items:center;background:#0f172a80;border-radius:14px;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.eif-upload:hover .eif-upload-change-overlay{opacity:1}.eif-artist-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.eif-artist-empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;color:#94a3b8;font-size:13px;padding:20px;text-align:center}.eif-artist-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:border-color .15s}.eif-artist-row:focus-within{background:#faf5ff;border-color:#a78bfa}.eif-artist-idx{align-items:center;background:#ede9fe;border-radius:6px;color:#7c3aed;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.eif-artist-field{flex:1 1;min-width:0}.eif-artist-field>*{margin:0!important}.eif-artist-del{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.eif-artist-del:hover{background:#ef4444;border-color:#ef4444;color:#fff}.eif-artist-add{align-items:center;background:#0000;border:1.5px dashed #a78bfa;border-radius:10px;color:#7c3aed;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s}.eif-artist-add:hover{background:#f5f3ff;border-color:#7c3aed}@media (max-width:600px){.eif-root{padding:20px 14px 48px}.eif-card{border-radius:16px;padding:20px 16px}.eif-page-title{font-size:22px}.eif-grid{grid-template-columns:1fr}.eif-col-full{grid-column:1}.eif-dt-row{gap:10px;grid-template-columns:1fr}}.ae-root{background:#f4f6fb;font-family:Be Vietnam Pro,sans-serif;min-height:100vh}.ae-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d;display:flex;height:56px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.ae-back-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:7px 14px;transition:all .15s}.ae-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.ae-topbar-right{align-items:center;display:flex;gap:12px}.ae-step-pill{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:20px;color:#7c3aed;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 14px}.ae-content{grid-gap:28px;align-items:start;box-sizing:border-box;display:grid;gap:28px;grid-template-columns:260px 1fr;max-width:100%;padding:32px 2rem 80px;width:100%}.ae-sidebar{position:-webkit-sticky;position:sticky;top:76px}.ae-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;gap:14px;padding:24px}.ae-sidebar-title{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:8px}.ae-sidebar-title svg{color:#7c3aed}.ae-sidebar-desc{color:#64748b;font-size:12.5px;line-height:1.6;margin:0}.ae-sidebar-info{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:12px;gap:7px;line-height:1.5;padding:10px 12px}.ae-sidebar-info svg{flex-shrink:0;margin-top:1px}.ae-sidebar-actions{display:flex;flex-direction:column;gap:8px;padding-top:4px}.ae-form-col{min-width:0}.ae-btn-cancel{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:11px 20px;transition:all .15s;width:100%}.ae-btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#fca5a5;color:#ef4444}.ae-btn-cancel:disabled{cursor:not-allowed;opacity:.5}.ae-btn-submit{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 14px #7c3aed4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:700;gap:7px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.ae-btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.ae-btn-submit:active:not(:disabled){transform:translateY(0)}.ae-btn-submit:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.ae-spin{animation:ae-spin .8s linear infinite}@keyframes ae-spin{to{transform:rotate(1turn)}}.ae-mobile-bar{display:none}@media (max-width:900px){.ae-content{gap:0;grid-template-columns:1fr;padding:20px 16px 100px}.ae-sidebar{display:none}.ae-mobile-bar{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;gap:10px;left:0;padding:12px 16px;position:fixed;right:0;z-index:40}.ae-mobile-bar .ae-btn-cancel{flex-shrink:0;padding:12px 16px;width:auto}.ae-mobile-bar .ae-btn-submit{flex:1 1;font-size:14px;padding:12px 20px}.ae-topbar{padding:0 16px}}.al-loading{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.al-loading-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 24px #00000012;padding:48px 64px;text-align:center}.al-spinner{animation:al-spin .75s linear infinite;border:4px solid #ede9fe;border-radius:50%;border-top-color:#7c3aed;height:44px;margin:0 auto 18px;width:44px}@keyframes al-spin{to{transform:rotate(1turn)}}.al-loading-text{color:#64748b;font-size:14px;margin:0}.al-loading-text,.al-wrapper{font-family:Be Vietnam Pro,sans-serif}.al-wrapper{background:#f8fafc;color:#1e293b;min-height:100vh;padding:40px 20px 64px}.al-container{box-sizing:border-box;max-width:100%;width:100%}.al-page-header{margin-bottom:28px}.al-breadcrumb{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;margin-bottom:10px}.al-breadcrumb-active{color:#7c3aed;font-weight:600}.al-page-title{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 6px}.al-page-sub{color:#64748b;font-size:14px;margin:0}.al-event-banner{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 6px #0000000a;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:18px 22px}.al-event-banner-info{display:flex;flex-direction:column;gap:4px}.al-event-name{color:#0f172a;font-size:16px;font-weight:700;margin:0}.al-event-meta{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px;margin:0}.al-event-meta-dot{color:#cbd5e1}.al-badge{border-radius:20px;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 14px;white-space:nowrap}.al-badge--edit{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.al-badge--new{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.al-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 6px #0000000d;margin-bottom:20px;overflow:hidden}.al-card-header{align-items:flex-start;background:#faf5ff;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:22px 28px}.al-card-num{background:#ede9fe;border:1px solid #ddd6fe;border-radius:8px;color:#7c3aed;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.08em;margin-top:2px;padding:4px 10px;white-space:nowrap}.al-card-title{color:#0f172a;font-size:15px;font-weight:700;margin-bottom:3px}.al-card-desc{color:#94a3b8;font-size:12px}.al-card-body{padding:28px}.al-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:24px;padding-top:20px}.al-footer-right{display:flex;gap:10px;margin-left:auto}.al-submitting-bar{align-items:center;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;color:#6d28d9;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:16px;padding:13px 18px}.al-submitting-bar .al-spinner{border-width:2px;flex-shrink:0;height:16px;margin:0;width:16px}.al-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:11px 24px;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s;white-space:nowrap}.al-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.al-btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 14px #7c3aed59;color:#fff}.al-btn--primary:not(:disabled):hover{box-shadow:0 6px 20px #7c3aed73;transform:translateY(-2px)}.al-btn--ghost{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.al-btn--ghost:not(:disabled):hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.al-btn--danger{background:#fff;border:1.5px solid #fecaca;color:#ef4444}.al-btn--danger:not(:disabled):hover{background:#fef2f2;border-color:#fca5a5}@media (max-width:768px){.al-wrapper{padding:20px 12px 48px}.al-page-title{font-size:22px}.al-card-body,.al-card-header{padding:18px 16px}.al-event-banner{align-items:flex-start;flex-direction:column}.al-footer{flex-wrap:wrap}.al-footer-right{flex-wrap:wrap;width:100%}.al-btn{flex:1 1;justify-content:center}}.manage-categories-container{box-sizing:border-box;max-width:100%;padding:24px 2rem 60px;width:100%}.categories-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.categories-header h1{color:#333;font-size:28px;font-weight:700;margin:0}.btn-add-category{align-items:center;background:linear-gradient(135deg,#216790,#238eae);border:none;border-radius:8px;box-shadow:0 4px 10px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-add-category:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-2px)}.btn-add-category:active{transform:translateY(0)}.btn-add-category .icon{font-size:20px;font-weight:700}.categories-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.no-categories{color:#666;padding:60px 20px;text-align:center}.no-categories p{font-size:16px;margin:0}.categories-table-wrapper{width:100%}.categories-table{border-collapse:collapse;width:100%}.categories-table thead{background:linear-gradient(135deg,#216790,#238eae);color:#fff}.categories-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:center;text-transform:uppercase}.categories-table tbody tr{border-bottom:1px solid #f0f0f0;text-align:center;transition:background-color .2s ease}.categories-table tbody tr:hover{background-color:#d4d6e2}.categories-table tbody tr:last-child{border-bottom:none}.categories-table td{color:#555;font-size:14px;padding:16px}.category-name{color:#333;font-weight:600}.action-menu-wrapper{display:inline-block;position:relative}.btn-menu{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;font-weight:700;padding:4px 12px;transition:all .2s ease}.btn-menu:hover{background-color:#f0f0f0;color:#333}.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:5px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-item.edit:hover{background-color:#e8f5e9;color:#4caf50}.menu-item.delete{border-top:1px solid #f0f0f0}.menu-item.delete:hover{background-color:#ffebee;color:#f44336}.menu-icon{font-size:16px}@media (max-width:768px){.manage-categories-container{padding:15px}.categories-header{align-items:flex-start;flex-direction:column;gap:15px}.categories-header h1{font-size:24px}.btn-add-category{justify-content:center;width:100%}.categories-table{font-size:13px}.categories-table td,.categories-table th{padding:12px 8px}.dropdown-menu{left:50%;right:auto;transform:translateX(-50%)}}.add-category-container{margin:0 auto;max-width:800px;padding:20px}.add-category-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.add-category-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.btn-back{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background-color:#e0e0e0;color:#333}.error-message{background-color:#fee;border-left:4px solid #f44336;border-radius:4px;color:#c62828;font-weight:500;margin-bottom:20px;padding:15px}.add-category-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.category-form{gap:25px}.category-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:15px;font-weight:600}.required{color:#f44336}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder,.form-textarea::placeholder{color:#aaa}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-cancel{background-color:#f5f5f5;border:1px solid #ddd!important;color:#666}.btn-cancel:hover{background-color:#e0e0e0;color:#333}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea40;color:#fff;display:flex;gap:8px}.btn-submit:hover{box-shadow:0 6px 12px #667eea59;transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.btn-submit .icon{font-size:18px;font-weight:700}@media (max-width:768px){.add-category-container{padding:15px}.add-category-header{align-items:flex-start;flex-direction:column;gap:15px}.add-category-header h1{font-size:24px}.btn-back{justify-content:center;width:100%}.add-category-content{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.ee-wrapper{background:#f4f6fb;font-family:Be Vietnam Pro,sans-serif;min-height:100vh}.ee-container{box-sizing:border-box;gap:24px;max-width:100%;padding:32px 2rem 80px;width:100%}.ee-container,.ee-page-header{display:flex;flex-direction:column}.ee-page-header{gap:6px}.ee-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.ee-breadcrumb svg{color:#94a3b8}.ee-breadcrumb-active{color:#7c3aed}.ee-page-title{color:#0f172a;font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.ee-page-sub{color:#64748b;font-size:13px;line-height:1.5}.ee-card{display:flex;flex-direction:column;gap:0}.ee-card .eif-root{margin:0;max-width:100%;padding:0}.ee-card .eif-card{margin-bottom:20px}.ee-warning-box{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:10px;color:#92400e;font-size:13px;line-height:1.6;margin-bottom:4px;padding:13px 16px}.ee-warning-box strong{color:#78350f;font-weight:700}.ee-footer{align-items:center;display:flex;gap:10px;padding:20px 0 0}.ee-footer-left{margin-right:auto}.ee-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;gap:7px;justify-content:center;line-height:1;padding:11px 20px;transition:all .15s;white-space:nowrap}.ee-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.ee-btn--ghost{background:#fff;border:1px solid #e2e8f0;color:#64748b}.ee-btn--ghost:hover:not(:disabled){background:#f8fafc;border-color:#fca5a5;color:#ef4444}.ee-btn--primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;box-shadow:0 4px 14px #7c3aed4d;color:#fff;font-weight:700;padding:12px 20px}.ee-btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.ee-btn--primary:active:not(:disabled){transform:translateY(0)}.ee-btn--primary:disabled{background:#cbd5e1;box-shadow:none}.ee-spin{animation:ee-spin .8s linear infinite}@keyframes ee-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.ee-container{padding:20px 16px 80px}.ee-page-title{font-size:21px}.ee-footer{flex-wrap:wrap;gap:8px}.ee-footer-left{margin-right:0;width:100%}.ee-btn{flex:1 1;justify-content:center}}.manage-order-wrap{background:#f8fafc;box-sizing:border-box;font-family:DM Sans,sans-serif;max-width:100%;min-height:100vh;padding:24px 2rem 60px;width:100%}.mo-header{align-items:baseline;display:flex;gap:12px;margin-bottom:2rem}.mo-header h1{color:#1a1a1a;font-family:Playfair Display,serif;font-size:26px;font-weight:500;letter-spacing:-.3px}.mo-header span{color:#999;font-size:13px;font-weight:400}.mo-filter-card{background:#fff;border:.5px solid #0000001f;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.mo-filter-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr auto}.mo-field label{color:#999;display:block;font-size:11px;font-weight:500;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.mo-select-wrap{position:relative}.mo-select-wrap:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid #999;content:"";height:0;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0}.search-event-input,select{appearance:none;-webkit-appearance:none;background:#fff;border:.5px solid #00000040;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .15s;width:100%}.search-event-input:focus,select:focus{border-color:#00000073}.mo-search-row{border-top:.5px solid #00000014;display:flex;gap:8px;margin-top:1rem;padding-top:1rem}.mo-search-wrap{flex:1 1;position:relative}.mo-search-icon{color:#999;height:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:14px}.mo-search-wrap input{padding-left:36px}.mo-btn-primary{align-items:center;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;gap:6px;height:38px;padding:0 20px;transition:opacity .15s;white-space:nowrap}.mo-btn-primary:hover{opacity:.85}.mo-btn-primary:disabled{cursor:not-allowed;opacity:.4}.mo-btn-ghost{background:#0000;border:.5px solid #00000040;border-radius:8px;color:#1a1a1a;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;height:38px;padding:0 16px;transition:background .15s}.mo-btn-ghost:hover{background:#f5f5f3}.mo-section-label{color:#999;font-size:11px;font-weight:500;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.mo-event-list{display:flex;flex-direction:column;gap:10px}.mo-event-card{grid-gap:16px;align-items:center;background:#fff;border:.5px solid #0000001f;border-radius:12px;cursor:pointer;display:grid;gap:16px;grid-template-columns:auto 1fr auto;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:border-color .15s,transform .1s}.mo-event-card:before{background:#7f77dd;border-radius:2px 0 0 2px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .15s;width:3px}.mo-event-card:hover{border-color:#00000059;transform:translateY(-1px)}.mo-event-card:hover:before{opacity:1}.mo-event-card.active{border-color:#7f77dd}.mo-event-card.active:before{opacity:1}.mo-event-dot{align-items:center;background:#eeedfe;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mo-event-dot svg{stroke:#534ab7;color:#534ab7;height:16px;width:16px}.mo-event-info h4{color:#1a1a1a;font-size:14px;font-weight:500;margin-bottom:4px}.mo-event-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.mo-event-meta span{color:#666;font-size:12px}.mo-dot-sep{background:#0003;border-radius:50%;display:inline-block;height:3px;width:3px}.mo-event-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:500;padding:3px 10px;white-space:nowrap}.mo-badge-upcoming{background:#eeedfe;color:#3c3489}.mo-badge-live{background:#eaf3de;color:#3b6d11}.mo-badge-ended{background:#f0f0ee;color:#888}.mo-empty-state{color:#999;font-size:14px;padding:3rem 1rem;text-align:center}.mo-empty-icon{display:block;font-size:32px;margin-bottom:12px;opacity:.4}.mo-loading-row{display:flex;flex-direction:column;gap:10px}.mo-skeleton{animation:mo-pulse 1.2s ease-in-out infinite;background:#f0f0ee;border-radius:12px;height:76px}.mo-skeleton:nth-child(3){opacity:.5}@keyframes mo-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width:600px){.mo-filter-row{grid-template-columns:1fr 1fr}.mo-filter-row .mo-btn-primary{grid-column:span 2;justify-content:center}.mo-event-card{grid-template-columns:auto 1fr}.mo-event-badge{display:none}}.order-detail-page{box-sizing:border-box;font-family:Segoe UI,sans-serif;max-width:100%;padding:24px 2rem 60px;width:100%}.loading-wrapper{padding:40px;text-align:center}.back-btn{background-color:#111;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:24px;padding:10px 24px;transition:opacity .2s}.back-btn:hover{opacity:.8}.detail-card{background-color:#f5f5f5;border-radius:12px;padding:32px 40px;position:relative}.detail-section{margin-bottom:8px;position:relative}.section-title{color:#111;font-size:18px;font-weight:700;margin-bottom:20px}.info-grid{display:flex;flex-wrap:wrap;gap:20px 0}.info-field{display:flex;flex:1 1 160px;flex-direction:column;margin-right:40px;min-width:160px}.field-label{color:#000;font-size:16px;font-weight:600;margin-bottom:10px}.field-value{color:#2b2b2b;font-size:15px}.field-value.highlight{color:#3dbda7;font-weight:600}.section-divider{background-color:#ddd;height:1px;margin:24px 0}.qr-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:8px;position:absolute;right:40px;top:90px;z-index:1}.qr-placeholder{align-items:center;background-color:#e0e0e0;border-radius:4px;color:#999;display:flex;font-size:12px;height:90px;justify-content:center;width:90px}:root{--oe-bg:#f8fafc;--oe-surface:#fff;--oe-surface-2:#f8fafc;--oe-surface-hover:#f1f5f9;--oe-border:#e2e8f0;--oe-border-light:#f1f5f9;--oe-text-primary:#0f172a;--oe-text-muted:#64748b;--oe-text-faint:#94a3b8;--oe-accent:#2563eb;--oe-accent-hover:#1d4ed8;--oe-accent-glow:#2563eb1f;--oe-accent-light:#eff6ff;--oe-green:#16a34a;--oe-green-bg:#dcfce7;--oe-green-border:#bbf7d0;--oe-yellow:#d97706;--oe-yellow-bg:#fef9c3;--oe-yellow-border:#fef08a;--oe-red:#dc2626;--oe-red-bg:#fee2e2;--oe-red-border:#fecaca;--oe-blue:#2563eb;--oe-blue-bg:#dbeafe;--oe-blue-border:#bfdbfe;--oe-purple:#7c3aed;--oe-purple-bg:#ede9fe;--oe-purple-border:#ddd6fe;--oe-radius:14px;--oe-radius-sm:8px;--oe-font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--oe-font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--oe-transition:0.2s cubic-bezier(0.4,0,0.2,1);--oe-shadow:0 4px 16px #0f172a0d,0 1px 3px #00000008;--oe-shadow-sm:0 1px 3px #0000000d}.oe-wrapper{background:#f8fafc;background:var(--oe-bg);box-sizing:border-box;color:#0f172a;color:var(--oe-text-primary);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);max-width:100%;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--navbar-height, 70px));padding:24px 2rem 60px;width:100%}.oe-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.oe-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:8px;border-radius:var(--oe-radius-sm);box-shadow:0 1px 3px #0000000d;box-shadow:var(--oe-shadow-sm);color:#64748b;color:var(--oe-text-muted);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);font-size:13.5px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--oe-transition);white-space:nowrap}.oe-back-btn:hover{background:#eff6ff;background:var(--oe-accent-light);border-color:#2563eb;border-color:var(--oe-accent);color:#2563eb;color:var(--oe-accent)}.oe-title-block{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.oe-title{color:#0f172a;color:var(--oe-text-primary);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.oe-event-id{background:#eff6ff;background:var(--oe-accent-light);border:1px solid #bfdbfe;border:1px solid var(--oe-blue-border);border-radius:999px;color:#2563eb;color:var(--oe-accent);font-size:13.5px;font-weight:600;padding:4px 12px}.oe-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.oe-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:14px;border-radius:var(--oe-radius);box-shadow:0 4px 16px #0f172a0d,0 1px 3px #00000008;box-shadow:var(--oe-shadow);display:flex;flex-direction:column;gap:8px;padding:20px 22px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:transform var(--oe-transition),box-shadow var(--oe-transition),border-color var(--oe-transition)}.oe-stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a14;transform:translateY(-2px)}.oe-stat-card--accent{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;border-color:var(--oe-blue-border)}.oe-stat-card--accent .oe-stat-label{color:#1e40af}.oe-stat-card--accent .oe-stat-value{color:#1d4ed8}.oe-stat-label{color:#64748b;color:var(--oe-text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.oe-stat-value{color:#0f172a;color:var(--oe-text-primary);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--oe-font-mono);font-size:26px;font-weight:700;line-height:1.1}.oe-stat-value--green{color:#16a34a;color:var(--oe-green)}.oe-stat-value--red{color:#dc2626;color:var(--oe-red)}.oe-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.oe-search-wrap{flex:1 1;min-width:240px;position:relative}.oe-search-icon{color:#64748b;color:var(--oe-text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.oe-search{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:8px;border-radius:var(--oe-radius-sm);box-shadow:0 1px 3px #0000000d;box-shadow:var(--oe-shadow-sm);box-sizing:border-box;color:#0f172a;color:var(--oe-text-primary);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);font-size:14px;outline:none;padding:10px 38px 10px 40px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--oe-transition);width:100%}.oe-search::placeholder{color:#94a3b8;color:var(--oe-text-faint)}.oe-search:focus{border-color:#2563eb;border-color:var(--oe-accent);box-shadow:0 0 0 3px #2563eb1f;box-shadow:0 0 0 3px var(--oe-accent-glow)}.oe-search-clear{background:none;border:none;color:#64748b;color:var(--oe-text-muted);cursor:pointer;font-size:14px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--oe-transition)}.oe-search-clear:hover{color:#dc2626;color:var(--oe-red)}.oe-filter-status{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:8px;border-radius:var(--oe-radius-sm);box-shadow:0 1px 3px #0000000d;box-shadow:var(--oe-shadow-sm);color:#0f172a;color:var(--oe-text-primary);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);font-size:14px;min-width:180px;outline:none;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--oe-transition)}.oe-filter-status:focus{border-color:#2563eb;border-color:var(--oe-accent);box-shadow:0 0 0 3px #2563eb1f;box-shadow:0 0 0 3px var(--oe-accent-glow)}.oe-result-count{color:#64748b;color:var(--oe-text-muted);font-size:13px;font-weight:500;white-space:nowrap}.oe-table-wrap{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:14px;border-radius:var(--oe-radius);box-shadow:0 4px 16px #0f172a0d,0 1px 3px #00000008;box-shadow:var(--oe-shadow);overflow-x:auto}.oe-table{border-collapse:collapse;min-width:860px;text-align:left;width:100%}.oe-th{background:#f8fafc;background:var(--oe-surface-2);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--oe-border);color:#64748b;color:var(--oe-text-muted);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 18px;text-align:left;text-transform:uppercase;transition:color .2s cubic-bezier(.4,0,.2,1);transition:color var(--oe-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.oe-th:hover{color:#2563eb;color:var(--oe-accent)}.oe-th--center{cursor:default;text-align:center}.sort-icon{font-style:normal;margin-left:5px;opacity:.5}.sort-icon--active{color:#2563eb;color:var(--oe-accent);opacity:1}.oe-tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--oe-border-light);transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--oe-transition)}.oe-tr:last-child{border-bottom:none}.oe-tr:hover{background:#f1f5f9;background:var(--oe-surface-hover)}.oe-td{color:#0f172a;color:var(--oe-text-primary);font-size:14px;padding:14px 18px;vertical-align:middle}.oe-td--id .oe-order-id{color:#2563eb;color:var(--oe-accent);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--oe-font-mono);font-size:13px;font-weight:600;letter-spacing:.3px}.oe-customer-name{color:#0f172a;color:var(--oe-text-primary);font-weight:600}.oe-td--contact{color:#64748b;color:var(--oe-text-muted);font-size:13.5px;line-height:1.4}.oe-contact-email{color:#0f172a;color:var(--oe-text-primary);font-weight:500}.oe-phone{color:#94a3b8;color:var(--oe-text-faint);font-size:12.5px;margin-top:2px}.oe-td--amount{color:#16a34a;color:var(--oe-green);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-family:var(--oe-font-mono);font-size:14px;font-weight:700;white-space:nowrap}.oe-td--date{color:#64748b;color:var(--oe-text-muted);font-size:13px;white-space:nowrap}.oe-td--actions{text-align:center}.oe-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.status--paid{background:#dcfce7;background:var(--oe-green-bg);border:1px solid #bbf7d0;border:1px solid var(--oe-green-border);color:#16a34a;color:var(--oe-green)}.status--pending{background:#fef9c3;background:var(--oe-yellow-bg);border:1px solid #fef08a;border:1px solid var(--oe-yellow-border);color:#d97706;color:var(--oe-yellow)}.status--confirmed{background:#dbeafe;background:var(--oe-blue-bg);border:1px solid #bfdbfe;border:1px solid var(--oe-blue-border);color:#2563eb;color:var(--oe-blue)}.status--cancelled{background:#fee2e2;background:var(--oe-red-bg);border:1px solid #fecaca;border:1px solid var(--oe-red-border);color:#dc2626;color:var(--oe-red)}.status--completed{background:#ede9fe;background:var(--oe-purple-bg);border:1px solid #ddd6fe;border:1px solid var(--oe-purple-border);color:#7c3aed;color:var(--oe-purple)}.oe-btn-detail{background:#eff6ff;background:var(--oe-accent-light);border:1px solid #bfdbfe;border:1px solid var(--oe-blue-border);border-radius:8px;border-radius:var(--oe-radius-sm);color:#2563eb;color:var(--oe-accent);cursor:pointer;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);font-size:12.5px;font-weight:600;padding:6px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--oe-transition)}.oe-btn-detail:hover{background:#2563eb;background:var(--oe-accent);border-color:#2563eb;border-color:var(--oe-accent);box-shadow:0 2px 8px #2563eb40;color:#fff;transform:translateY(-1px)}.oe-empty{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:14px;border-radius:var(--oe-radius);box-shadow:0 4px 16px #0f172a0d,0 1px 3px #00000008;box-shadow:var(--oe-shadow);color:#64748b;color:var(--oe-text-muted);padding:70px 20px;text-align:center}.oe-empty-icon{font-size:48px;margin-bottom:14px}.oe-empty p{font-size:14.5px;font-weight:500;margin:0}.oe-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.oe-page-btn,.oe-pagination{align-items:center;justify-content:center}.oe-page-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--oe-border);border-radius:8px;border-radius:var(--oe-radius-sm);box-shadow:0 1px 3px #0000000d;box-shadow:var(--oe-shadow-sm);color:#334155;cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--oe-font-body);font-size:13.5px;font-weight:500;height:36px;min-width:36px;padding:0 10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--oe-transition)}.oe-page-btn:hover:not(:disabled){background:#eff6ff;background:var(--oe-accent-light);border-color:#2563eb;border-color:var(--oe-accent);color:#2563eb;color:var(--oe-accent);transform:translateY(-1px)}.oe-page-btn--active{background:#2563eb!important;background:var(--oe-accent)!important;border-color:#2563eb!important;border-color:var(--oe-accent)!important;box-shadow:0 2px 8px #2563eb4d!important;color:#fff!important;font-weight:700}.oe-page-btn:disabled{background:#f1f5f9;border-color:#e2e8f0;border-color:var(--oe-border);box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.7}.oe-page-ellipsis{color:#94a3b8;color:var(--oe-text-faint);font-size:14px;padding:0 4px}@media (max-width:768px){.oe-wrapper{padding:16px 14px 40px}.oe-title{font-size:20px}.oe-stats{grid-template-columns:1fr 1fr}.oe-toolbar{align-items:stretch;flex-direction:column}.oe-filter-status{width:100%}}@media (max-width:480px){.oe-stats{grid-template-columns:1fr}.oe-stat-value{font-size:22px}}:root{--surface:#fff;--surface-2:#f7f9fc;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--green:#16a34a;--green-light:#f0fdf4;--orange:#ea580c;--orange-light:#fff7ed;--gray-light:#f1f5f9;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 20px 60px #0000002e;--radius:10px;--radius-sm:6px;--radius-lg:16px;--font:"Be Vietnam Pro",sans-serif;--mono:"JetBrains Mono",monospace}.mv-root{box-sizing:border-box;color:#0f172a;color:var(--text-primary);font-family:Be Vietnam Pro,sans-serif;font-family:var(--font);max-width:100%;padding:24px 2rem 60px;width:100%}.mv-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.mv-header,.mv-header__left{align-items:center;display:flex}.mv-header__left{gap:14px}.mv-header__icon{filter:drop-shadow(0 2px 6px rgba(37,99,235,.25));font-size:36px;line-height:1}.mv-header__title{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px}.mv-header__sub{color:#94a3b8;color:var(--text-muted);font-size:13px;margin-top:2px}.mv-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;gap:7px;padding:9px 18px;text-decoration:none;transition:all .18s ease;white-space:nowrap}.mv-btn--add{background:#2563eb;background:var(--accent);box-shadow:0 2px 8px #2563eb59;color:#fff}.mv-btn--add:hover{background:#1d4ed8;background:var(--accent-hover);box-shadow:0 4px 14px #2563eb73;transform:translateY(-1px)}.mv-btn--ghost{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border-strong);color:#475569;color:var(--text-secondary)}.mv-btn--ghost:hover{background:#f1f5f9;background:var(--gray-light);color:#0f172a;color:var(--text-primary)}.mv-btn--edit{background:#eff6ff;background:var(--accent-light);border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--accent);font-size:15px;padding:7px 11px}.mv-btn--edit:hover{background:#2563eb;background:var(--accent);color:#fff;transform:scale(1.08)}.mv-btn--del{background:#fef2f2;background:var(--danger-light);border-radius:6px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);font-size:15px;padding:7px 11px}.mv-btn--del:hover{transform:scale(1.08)}.mv-btn--danger,.mv-btn--del:hover{background:#ef4444;background:var(--danger);color:#fff}.mv-btn--danger{box-shadow:0 2px 8px #ef444459}.mv-btn--danger:hover{background:#dc2626;background:var(--danger-hover);transform:translateY(-1px)}.mv-toolbar{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;padding:14px 18px}.mv-search-wrap{flex:1 1;min-width:200px;position:relative}.mv-search-icon{font-size:15px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mv-input--search{padding-left:38px!important;padding-right:36px!important;width:100%}.mv-clear-btn{background:none;border:none;border-radius:3px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.mv-clear-btn:hover{background:#fef2f2;background:var(--danger-light);color:#ef4444;color:var(--danger)}.mv-filter-group{align-items:center;display:flex;gap:10px}.mv-input,.mv-select{appearance:none;-webkit-appearance:none;background:#f7f9fc;background:var(--surface-2);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);font-family:Be Vietnam Pro,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:9px 13px;transition:border-color .15s,box-shadow .15s}.mv-input:focus,.mv-select:focus{background:#fff;background:var(--surface);border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.mv-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.mv-select--full{width:100%}.mv-table-wrap{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto}.mv-table{border-collapse:collapse;font-size:14px;min-width:780px;width:100%}.mv-table thead{background:#f7f9fc;background:var(--surface-2);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border)}.mv-table thead th{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.6px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mv-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);transition:background .12s}.mv-row:last-child{border-bottom:none}.mv-row:hover{background:#f8faff}.mv-table tbody td{color:#0f172a;color:var(--text-primary);padding:14px 16px;vertical-align:middle}.mv-code{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px dashed #93c5fd;border-radius:5px;display:inline-block;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.5px;padding:5px 10px}.mv-code,.mv-discount{color:#2563eb;color:var(--accent)}.mv-discount{font-size:15px;font-weight:700}.mv-date-range{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:12.5px;gap:6px;white-space:nowrap}.mv-date-sep{color:#94a3b8;color:var(--text-muted)}.mv-usage{align-items:center;display:flex;gap:8px}.mv-usage-bar{background:#e2e8f0;background:var(--border);border-radius:99px;flex-shrink:0;height:6px;overflow:hidden;width:70px}.mv-usage-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:99px;height:100%;transition:width .4s ease}.mv-usage-text{color:#475569;color:var(--text-secondary)}.mv-badge,.mv-usage-text{font-size:12px;white-space:nowrap}.mv-badge{align-items:center;border-radius:99px;display:inline-flex;font-weight:600;gap:5px;padding:4px 10px}.mv-badge--active{background:#f0fdf4;background:var(--green-light);color:#16a34a;color:var(--green)}.mv-badge--active:before{content:"●";font-size:8px}.mv-badge--expired{background:#f1f5f9;background:var(--gray-light);color:#94a3b8;color:var(--text-muted)}.mv-badge--expired:before{content:"●";font-size:8px}.mv-actions{align-items:center;display:flex;gap:6px}.mv-error{background:#fef2f2;background:var(--danger-light);border:1px solid #fca5a5;border-radius:6px;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger);font-size:14px;margin-bottom:20px;padding:12px 16px}.mv-loading{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:60px 0}.mv-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.mv-empty{align-items:center;background:#fff;background:var(--surface);border:1.5px dashed #e2e8f0;border:1.5px dashed var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:64px 0}.mv-empty__icon{font-size:48px;opacity:.4}.mv-empty p{font-size:14px}.mv-overlay{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mv-modal{animation:slideUp .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000002e;box-shadow:var(--shadow-lg);max-width:600px;overflow:hidden;width:100%}.mv-modal--sm{max-width:420px;padding-bottom:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mv-modal__head{align-items:center;background:#f7f9fc;background:var(--surface-2);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border);display:flex;justify-content:space-between;padding:22px 24px 18px}.mv-modal__head h2{font-size:17px;font-weight:700}.mv-modal__close{background:none;border:none;border-radius:5px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px;transition:all .12s}.mv-modal__close:hover{background:#f1f5f9;background:var(--gray-light);color:#0f172a;color:var(--text-primary)}.mv-form{padding:22px 24px}.mv-form__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mv-label{color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px}.mv-label .mv-input,.mv-label .mv-select{background:#fff;background:var(--surface);width:100%}.mv-form__actions{border-top:1.5px solid #e2e8f0;border-top:1.5px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding:18px 24px 0}.mv-confirm-text{color:#475569;color:var(--text-secondary);font-size:14.5px;line-height:1.6;padding:20px 24px 0}.mv-confirm-text strong{color:#0f172a;color:var(--text-primary)}@media (max-width:640px){.mv-root{padding:20px 14px}.mv-form__grid{grid-template-columns:1fr}.mv-toolbar{align-items:stretch;flex-direction:column}.mv-filter-group{width:100%}.mv-select{flex:1 1}.mv-header{gap:12px}}.switch{display:inline-block;height:24px;margin-left:10px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(22px)}.mv-status-text{font-size:14px;margin-left:10px}.statics-wrapper{background:#f8fafc;box-sizing:border-box;font-family:Segoe UI,sans-serif;max-width:100%;min-height:100vh;padding:24px 2rem 60px;width:100%}.statics-pageTitle{color:#111827;font-size:20px;font-weight:600;margin-bottom:16px}.statics-headerCombined{align-items:stretch;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.statics-filterRow{align-items:flex-end;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000012;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;padding:14px 16px}.statics-summaryRight{min-width:280px}.statics-filterGroup{display:flex;flex-direction:column;gap:4px}.statics-label{color:#6b7280;font-size:11px;font-weight:500}.statics-select{background:#fff;cursor:pointer;min-width:150px}.statics-input,.statics-select{border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;padding:6px 10px}.statics-input{min-width:130px}.statics-searchBtn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 20px}.statics-card{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000012;display:flex;height:100%;padding:12px 16px}.statics-summaryIcon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.statics-summaryContent{margin-left:12px}.statics-summaryValue{color:#3b82f6;font-size:20px;font-weight:700}.statics-summaryLabel{color:#6b7280;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.statics-chartCard{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000012;padding:16px 20px}.statics-subTabs{border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:16px}.statics-subTab{border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:13px;padding:8px 16px}.statics-subTabActive{border-bottom:2px solid #3b82f6;color:#3b82f6;font-weight:600}.statics-chartTitle{color:#374151;font-size:13px;font-weight:700;margin-bottom:8px}.statics-legendRow{align-items:center;display:flex;font-size:12px;margin-bottom:12px}.statics-legendDot{border-radius:2px;height:10px;margin-right:6px;width:10px}.stats-grid{display:flex;gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:20px;text-align:center}.stat-card h3{color:#666;font-size:1.1rem}.stat-card p{color:#333;font-size:1.8rem;font-weight:700}*{box-sizing:border-box;margin:0;padding:0}.tqr-root{background:#f0f4ff;display:flex;flex-direction:column;font-family:Be Vietnam Pro,sans-serif;min-height:100dvh}.tqr-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 6px #0000000f;display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.tqr-header-left{display:flex;flex-direction:column;gap:2px}.tqr-header-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:-.3px}.tqr-header-sub{color:#94a3b8;font-size:11px}.tqr-stats{display:flex;gap:16px}.tqr-stat{text-align:center}.tqr-stat-value{font-size:20px;font-weight:800;line-height:1}.tqr-stat-label{color:#94a3b8;font-size:9px;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.tqr-body{display:grid;flex:1 1;grid-template-columns:1fr 1fr;min-height:0}.tqr-camera-panel{align-items:center;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;padding:28px 20px}.tqr-viewport{aspect-ratio:1;background:#f1f5f9;border-radius:20px;margin-bottom:16px;max-width:360px;overflow:hidden;position:relative;transition:box-shadow .4s ease;width:100%}.tqr-viewport.scanning{box-shadow:0 0 0 2px #6366f166,0 12px 40px #6366f126}.tqr-viewport.idle{box-shadow:0 4px 20px #00000014}#qr-reader{height:100%!important;inset:0;position:absolute;width:100%!important}#qr-reader>img,#qr-reader__dashboard,#qr-reader__dashboard_section_swaplink,#qr-reader__header_message{display:none!important}#qr-reader video{height:100%!important;object-fit:cover!important;width:100%!important}.tqr-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.tqr-placeholder-icon{color:#6366f1;font-size:56px;opacity:.12}.tqr-placeholder-text{color:#94a3b8;font-size:13px}.tqr-overlay{inset:0;pointer-events:none;position:absolute}.tqr-vignette{background:radial-gradient(ellipse 65% 65% at 50% 50%,#0000 38%,#f0f4ff8c 100%);inset:0;position:absolute}.tqr-finder{height:220px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.tqr-corner{border-radius:3px;height:24px;position:absolute;width:24px}.tqr-corner.tl{border-left:3px solid #6366f1;left:0}.tqr-corner.tl,.tqr-corner.tr{border-top:3px solid #6366f1;top:0}.tqr-corner.tr{border-right:3px solid #6366f1;right:0}.tqr-corner.bl{border-left:3px solid #6366f1;left:0}.tqr-corner.bl,.tqr-corner.br{border-bottom:3px solid #6366f1;bottom:0}.tqr-corner.br{border-right:3px solid #6366f1;right:0}.tqr-scanline{animation:tqr-scanline 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6366f1,#0000);box-shadow:0 0 10px #6366f1;height:2px;left:6px;position:absolute;right:6px}.tqr-cam-status{align-items:center;color:#6366f1;display:flex;font-size:13px;font-weight:500;gap:8px}.tqr-pulse-dot{animation:tqr-pulse 1.5s ease infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;height:8px;width:8px}.tqr-btn-start{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f14d;color:#fff;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:15px;font-weight:700;padding:14px 40px;transition:transform .15s}.tqr-btn-start:active{transform:scale(.97)}.tqr-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#ef4444;font-size:12px;margin-top:12px;max-width:340px;padding:10px 14px;text-align:center}.tqr-info-panel{background:#f8faff;justify-content:center;padding:24px 20px}.tqr-empty,.tqr-info-panel{align-items:center;display:flex;flex-direction:column}.tqr-empty{gap:10px}.tqr-empty-icon{font-size:40px;opacity:.2}.tqr-empty-text{color:#94a3b8;font-size:12px;line-height:1.6;text-align:center}.tqr-result-card{animation:tqr-slideIn .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 16px #00000012;display:flex;flex-direction:column;gap:12px;max-width:420px;padding:18px 20px;width:100%}.tqr-result-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding-bottom:12px}.tqr-result-icon-small{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:34px;justify-content:center;width:34px}.tqr-result-title{font-size:14px;font-weight:700}.tqr-result-subtitle{color:#94a3b8;font-size:11px;margin-top:2px}.tqr-field-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr}.tqr-field-grid>div:first-child{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;grid-column:1/-1;padding:10px 14px}.tqr-field-grid>div:first-child .tqr-field-value{color:#3730a3;font-size:15px;font-weight:700;line-height:1.4;white-space:normal}.tqr-field-grid>div:nth-child(2) .tqr-field-value{color:#64748b;font-size:11px;font-weight:500;word-break:break-all}.tqr-field-grid>div:nth-child(5),.tqr-field-grid>div:nth-child(6){grid-column:1/-1}.tqr-field-grid>div:nth-child(6) .tqr-field-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tqr-field-grid>div:not(:first-child){background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px}.tqr-field-label{color:#94a3b8;font-size:9px;font-weight:600;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.tqr-field-value{color:#1e293b;font-size:13px;font-weight:600;line-height:1.35}.tqr-actions{display:flex;gap:8px}.tqr-btn-confirm{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:700;padding:12px;transition:transform .15s,opacity .15s}.tqr-btn-confirm:active{transform:scale(.97)}.tqr-btn-confirm:disabled{cursor:not-allowed;opacity:.5}.tqr-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-size:13px;font-weight:600;padding:12px 16px;transition:border-color .15s,background .15s}.tqr-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.tqr-banner{animation:tqr-fadeIn .3s ease;border-radius:8px;font-size:12px;font-weight:600;padding:10px 12px;text-align:center}@media (max-width:768px){.tqr-body{grid-template-columns:1fr}.tqr-camera-panel{border-bottom:1px solid #e2e8f0;border-right:none;padding:20px 16px}.tqr-viewport{border-radius:16px;max-width:100%}.tqr-info-panel{background:#f0f4ff;justify-content:flex-start;padding:16px}.tqr-result-card{border-radius:14px;max-width:100%;padding:16px}.tqr-field-grid{grid-template-columns:1fr 1fr}.tqr-field-grid>div:nth-child(2),.tqr-field-grid>div:nth-child(5),.tqr-field-grid>div:nth-child(6){grid-column:1/-1}.tqr-field-grid>div:nth-child(6) .tqr-field-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tqr-field-grid>div:first-child .tqr-field-value{font-size:16px}.tqr-field-grid>div:nth-child(2) .tqr-field-value{font-size:11px;max-width:100%}.tqr-btn-confirm{font-size:14px;padding:14px}.tqr-btn-cancel{padding:14px 16px}}@keyframes tqr-scanline{0%{opacity:1;top:6px}50%{opacity:1;top:208px}to{opacity:.3;top:6px}}@keyframes tqr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes tqr-slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tqr-fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.7cf9f81f.css.map*/