@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600&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=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&family=Lexend:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;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&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);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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%}@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}}:root{--hw-bg:#1c1c22;--hw-surface:#242429;--hw-surface-2:#2d2d35;--hw-border:#ffffff12;--hw-green:#22c55e;--hw-green-dim:#22c55e2e;--hw-text-1:#f0f0f4;--hw-text-2:#a8a8b8;--hw-text-3:#5a5a6e;--hw-radius:10px;--hw-radius-sm:6px;--hw-font-d:"Barlow",sans-serif;--hw-font-b:"Be Vietnam Pro",sans-serif;--hw-tr:0.22s ease;--arrow-size:36px}.hw-page{font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b)}.hw-section{margin-bottom:28px;padding:0 16px}.hw-sec-head{justify-content:space-between;margin-bottom:14px}.hw-sec-head,.hw-sec-title{align-items:center;display:flex}.hw-sec-title{color:#f0f0f4;color:var(--hw-text-1);font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:15px;font-weight:700;gap:6px;margin:0}.hw-fire{font-size:16px}.hw-viewmore{color:#a8a8b8;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 .22s ease;transition:color var(--hw-tr);white-space:nowrap}.hw-viewmore:hover{color:#f0f0f4;color:var(--hw-text-1)}.banner-carousel{position:relative}.banner-slides{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.banner-slide,.banner-slides{border-radius:10px;border-radius:var(--hw-radius);overflow:hidden}.banner-slide{aspect-ratio:16/7;background:#242429;background:var(--hw-surface);cursor:pointer;position:relative}.banner-slide img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.banner-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000a6 0,#0000 60%);display:flex;inset:0;justify-content:space-between;opacity:1;padding:16px 16px 14px;position:absolute}.banner-cta{background:#ffffffeb;border:none;border-radius:6px;border-radius:var(--hw-radius-sm);color:#111;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b);font-size:13px;font-weight:600;padding:7px 16px;transition:background .22s ease;transition:background var(--hw-tr)}.banner-cta:hover{background:#fff}.banner-play{background:#fff3;border-radius:50%;font-size:12px;height:32px;width:32px}.banner-arrow,.banner-play{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;justify-content:center}.banner-arrow{background:#0000008c;border:1px solid #ffffff26;border-radius:50%;cursor:pointer;font-size:22px;height:36px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background .22s ease;transition:background var(--hw-tr);width:36px;z-index:5}.banner-arrow:hover{background:#000c}.banner-arrow.left{left:4px}.banner-arrow.right{right:4px}.banner-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.banner-dot{background:#5a5a6e;background:var(--hw-text-3);border-radius:50%;cursor:pointer;height:8px;transition:background .22s ease,transform .22s ease;transition:background var(--hw-tr),transform var(--hw-tr);width:8px}.banner-dot.active{background:#22c55e;background:var(--hw-green);transform:scale(1.2)}.hslider{align-items:center;display:flex;gap:0;position:relative}.hslider-viewport{flex:1 1;overflow:hidden;padding:4px 2px 8px}.hslider-track{display:flex;gap:14px;transition:transform .38s cubic-bezier(.4,0,.2,1);will-change:transform}.hslider-arrow{align-items:center;background:#2d2d35;background:var(--hw-surface-2);border:1px solid #ffffff12;border:1px solid var(--hw-border);border-radius:50%;color:#f0f0f4;color:var(--hw-text-1);cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:36px;height:var(--arrow-size);justify-content:center;line-height:1;transition:background .22s ease,border-color .22s ease;transition:background var(--hw-tr),border-color var(--hw-tr);width:36px;width:var(--arrow-size);z-index:2}.hslider-arrow:hover:not(.disabled){background:#22c55e;background:var(--hw-green);border-color:#22c55e;border-color:var(--hw-green);color:#fff}.hslider-arrow.disabled{cursor:not-allowed;opacity:.25}.hslider-prev{margin-right:8px}.hslider-next{margin-left:8px}.trending-slider .hslider-track>*{flex-basis:calc(25% - 11px);flex-grow:0;flex-shrink:0;min-width:0}.trend-item{border-radius:10px;border-radius:var(--hw-radius);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.trend-num{-webkit-font-smoothing:antialiased;bottom:-8px;color:#0000;font-family:Barlow,sans-serif;font-family:var(--hw-font-d);font-size:clamp(72px,8vw,110px);font-weight:900;left:-4px;letter-spacing:-2px;line-height:1;pointer-events:none;position:absolute;text-shadow:none;z-index:2}.trend-img{aspect-ratio:3/2;border-radius:10px;border-radius:var(--hw-radius);display:block;object-fit:cover;transition:transform .4s ease;width:100%}.trend-item:hover .trend-img{transform:scale(1.04)}.event-slider .hslider-track>*{flex-basis:calc(25% - 11px);flex-grow:0;flex-shrink:0;min-width:0}.ev-card{background:#0000;cursor:pointer;flex-shrink:0;transition:transform .22s ease;transition:transform var(--hw-tr)}.ev-card,.ev-card-thumb{border-radius:10px;border-radius:var(--hw-radius);overflow:hidden}.ev-card-thumb{aspect-ratio:3/2;background:#242429;background:var(--hw-surface);width:100%}.ev-card-thumb img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.ev-card-body{display:flex;flex-direction:column;gap:4px;padding:10px 2px 4px}.ev-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f0f0f4;color:var(--hw-text-1);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.45;margin-bottom:20px;overflow:hidden}.ev-card-price,.ev-card-title{font-family:Be Vietnam Pro,sans-serif;font-family:var(--hw-font-b)}.ev-card-price{color:#22c55e;color:var(--hw-green);font-size:13px;font-weight:700;margin:0}.ev-card-date{align-items:center;color:#a8a8b8;color:var(--hw-text-2);display:flex;gap:5px;margin:0}.ev-card-cal,.ev-card-date{font-size:12px}.hw-tabs-head{margin-bottom:14px}.hw-tabs{border-bottom:2px solid #ffffff12;border-bottom:2px solid var(--hw-border);display:flex;gap:0}.hw-tab{background:none;border:none;border-bottom:2px solid #0000;color:#a8a8b8;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 16px 10px;transition:color .22s ease,border-color .22s ease;transition:color var(--hw-tr),border-color var(--hw-tr)}.hw-tab.active{border-bottom-color:#22c55e;border-bottom-color:var(--hw-green)}.hw-tab.active,.hw-tab:hover:not(.active){color:#f0f0f4;color:var(--hw-text-1)}@media (max-width:1024px){.event-slider .hslider-track>*,.trending-slider .hslider-track>*{flex-basis:calc(33.333% - 10px);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.banner-slides{grid-template-columns:1fr}.banner-slide:nth-child(2){display:none}.banner-slide{aspect-ratio:16/8}.event-slider .hslider-track>*,.trending-slider .hslider-track>*{flex-basis:calc(50% - 7px);flex-grow:0;flex-shrink:0}.hslider-arrow{font-size:18px}.trend-num{font-size:clamp(56px,10vw,80px)}}@media (max-width:480px){.banner-carousel{padding:0 30px}.trending-slider .hslider-track>*{flex-basis:calc(60% - 7px);flex-grow:0;flex-shrink:0}.event-slider .hslider-track>*{flex-basis:calc(70% - 7px);flex-grow:0;flex-shrink:0}.hslider-arrow{font-size:16px;height:28px;width:28px}.hslider-prev{margin-right:5px}.hslider-next{margin-left:5px}.hw-catnav-item{font-size:12px;padding:12px 10px}.ev-card-price,.ev-card-title{font-size:12px}.ev-card-date{font-size:11px}.hw-tab{font-size:13px;padding:8px 12px 10px}}@media (max-width:360px){.event-slider .hslider-track>*,.trending-slider .hslider-track>*{flex-basis:calc(80% - 7px);flex-grow:0;flex-shrink:0}}.hw-rec-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.02em;margin-left:10px;padding:2px 8px;vertical-align:middle}.hw-rec-badge--personal{background:#ede9fe;border:1px solid #c4b5fd;color:#5b21b6}.hw-rec-badge--popular{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.hw-skeleton-row{display:flex;gap:16px;overflow:hidden;padding:4px 0}.hw-skeleton-card{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;flex-basis:calc(25% - 12px);flex-grow:0;flex-shrink:0;height:220px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.hw-skeleton-card{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%);background-size:200% 100%}.hw-rec-badge--personal{background:#2e1065;border-color:#5b21b6;color:#c4b5fd}.hw-rec-badge--popular{background:#431407;border-color:#c2410c;color:#fed7aa}}.hw-empty{color:#888;color:var(--color-text-secondary,#888);font-size:14px;padding:24px 0;text-align:center}body,html{font-family:Inter,sans-serif;height:100%;margin:0;padding:0}#root,.layout-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}footer,header,main{display:grid;grid-template-columns:1fr minmax(auto,1400px) 1fr}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;grid-row:1;z-index:100}header>*{grid-column:2;padding:1rem 2rem}main{background-color:#27272a;grid-row:2}main>*{grid-column:2;padding:2rem}footer{background-color:#000;color:#fff;grid-row:3}footer>*{grid-column:2;padding:1.5rem 2rem}@media (max-width:1024px){footer,header,main{grid-template-columns:20px 1fr 20px}main>*{padding:1.5rem 0}footer>*,header>*{padding:1rem 0}}:root{--tb-green:#1db954;--tb-green-dark:#17a348;--tb-green-light:#25d066;--tb-white:#fff;--tb-text-secondary:#ffffffd9;--tb-text-muted:#ffffffa6;--tb-surface:#ffffff1f;--tb-surface-hover:#fff3;--tb-border:#ffffff2e;--tb-shadow:0 8px 32px #0000002e;--tb-radius-sm:6px;--tb-radius-md:10px;--tb-radius-full:9px;--tb-font:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,sans-serif;--tb-header-h:60px;--tb-transition:0.18s ease}.tb-header{background:linear-gradient(135deg,#3d8dbc,#00b872);box-shadow:0 2px 16px #00000026;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);height:70px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.tb-container{align-items:center;display:flex;gap:100px;height:100%;margin:0 auto;max-width:1280px;padding:0 16px}.tb-logo{flex-shrink:0;text-decoration:none}.tb-logo-text{color:#fff;color:var(--tb-white);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:22px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.tb-search-wrapper{align-items:center;display:flex;flex:1 1;width:400px}.tb-search-box{align-items:center;background:#fff;background:var(--tb-white);border-radius:9px;border-radius:var(--tb-radius-full);box-shadow:0 2px 8px #0000001a;display:flex;height:40px;padding:0 6px 0 14px;transition:box-shadow .18s ease;transition:box-shadow var(--tb-transition);width:100%}.tb-search-box:focus-within{box-shadow:0 4px 16px #0000002e}.tb-search-icon{color:#aaa;flex-shrink:0;height:17px;margin-right:8px;width:17px}.tb-search-input{background:#0000;border:none;color:#222;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-search-input::placeholder{color:#bbb}.tb-search-btn{background:#1db954;background:var(--tb-green);border:none;border-radius:9px;border-radius:var(--tb-radius-full);color:#fff;color:var(--tb-white);cursor:pointer;flex-shrink:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:15px;font-weight:600;height:30px;padding:0 16px;transition:background .18s ease,transform .1s;transition:background var(--tb-transition),transform .1s;white-space:nowrap}.tb-search-btn:hover{background:#17a348;background:var(--tb-green-dark)}.tb-search-btn:active{transform:scale(.96)}.tb-nav-right{flex-shrink:0;gap:4px;margin-left:auto}.tb-icon-btn,.tb-nav-right{align-items:center;display:flex}.tb-icon-btn{background:none;border:none;border-radius:9px;border-radius:var(--tb-radius-full);color:#fff;color:var(--tb-white);cursor:pointer;height:38px;justify-content:center;transition:background .18s ease;transition:background var(--tb-transition);width:38px}.tb-icon-btn:hover{background:#fff3;background:var(--tb-surface-hover)}.tb-icon-btn svg{height:20px;width:20px}.tb-mobile-search-btn{display:none}.tb-create-btn{align-items:center;border:1.5px solid #ffffffb3;border-radius:9px;border-radius:var(--tb-radius-full);color:#fff;color:var(--tb-white);display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:15px;font-weight:500;height:36px;padding:0 14px;text-decoration:none;transition:background .18s ease,border-color .18s ease;transition:background var(--tb-transition),border-color var(--tb-transition);white-space:nowrap}.tb-create-btn:hover{background:#fff3;background:var(--tb-surface-hover);border-color:#fff;border-color:var(--tb-white)}.tb-nav-link{align-items:center;border-radius:6px;border-radius:var(--tb-radius-sm);color:#ffffffd9;color:var(--tb-text-secondary);display:flex;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:15px;font-weight:500;gap:6px;height:38px;padding:0 8px;text-decoration:none;transition:background .18s ease,color .18s ease;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:18px;width:18px}.tb-nav-label{display:inline}.tb-avatar{align-items:center;background:#e8c140;border:2px solid #ffffff4d;border-radius:9px;border-radius:var(--tb-radius-full);color:#333;display:flex;flex-shrink:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--tb-font);font-size:15px;font-weight:700;height:32px;justify-content:center;width:32px}.tb-avatar-guest{background:#ffffff1f;background:var(--tb-surface);border-color:#fff6;color:#fff;color:var(--tb-white)}.tb-chevron{height:14px;transition:transform .18s ease;transition:transform var(--tb-transition);width:14px}.tb-chevron.open{transform:rotate(180deg)}.user-menu-wrapper{position:relative}.tb-flag-btn,.tb-login-btn,.tb-user-trigger{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--tb-radius-sm);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:6px;margin-left:20px;padding:4px 8px;transition:background .18s ease;transition:background var(--tb-transition)}.tb-flag-btn:hover,.tb-login-btn:hover,.tb-user-trigger:hover{background:#ffffff1f;background:var(--tb-surface)}.tb-username{font-size:15px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-login-label{font-size:17px;font-weight:500;white-space:nowrap}.tb-user-menu{animation:tbMenuIn .15s ease;background:#fff;background:var(--tb-white);border-radius:10px;border-radius:var(--tb-radius-md);box-shadow:0 8px 32px #00000029,0 2px 8px #00000014;min-width:200px;padding:8px 0;position:absolute;right:0;top:calc(100% + 10px);z-index:100}@keyframes tbMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tb-menu-item{align-items:center;background:none;border:none;color:#333;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:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .12s;width:100%}.tb-menu-item:hover{background:#f5f5f5;color:#111}.tb-menu-item svg{color:#555;flex-shrink:0;height:18px;width:18px}.tb-menu-divider{background:#eee;height:1px;margin:6px 0}.tb-menu-logout,.tb-menu-logout svg{color:#e53935}.tb-mobile-search-overlay{align-items:flex-start;animation:tbFadeIn .15s ease;background:#00000080;display:flex;inset:0;padding-top:0;position:fixed;z-index:9998}@keyframes tbFadeIn{0%{opacity:0}to{opacity:1}}.tb-mobile-search-bar{align-items:center;animation:tbSlideDown .18s ease;background:#1db954;background:var(--tb-green);box-shadow:0 4px 16px #0003;display:flex;gap:10px;padding:10px 16px;width:100%}@keyframes tbSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.tb-mobile-search-bar .tb-search-icon{color:#ffffffb3}.tb-mobile-search-input{background:#0000;border:none;color:#fff;color:var(--tb-white);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:#fff9}.tb-mobile-close{background:none;border:none;color:#fff;color:var(--tb-white);cursor:pointer;flex-shrink:0;font-size:18px;opacity:.8;padding:4px}.tb-mobile-close:hover{opacity:1}.tb-modal-overlay{align-items:center;animation:tbFadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.tb-modal-content{animation:tbModalIn .2s ease;border-radius:16px;box-shadow:0 24px 64px #00000040;max-height:90vh;max-width:380px;overflow-y:auto;position:relative;width:90%}@keyframes tbModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tb-modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .15s;width:30px;z-index:10}.tb-modal-close:hover{background:#e0e0e0;color:#222}@media (max-width:900px){.tb-search-wrapper{max-width:300px}.tb-create-btn,.tb-nav-label{display:none}.tb-nav-link{padding:0 6px}.tb-username{display:none}.tb-flag-btn .tb-chevron{display:none}}@media (max-width:640px){:root{--tb-header-h:56px}.tb-container{gap:8px;padding:0 12px}.tb-search-wrapper{display:none}.tb-mobile-search-btn{display:flex}.tb-logo-text{font-size:20px}.tb-nav-link{gap:0}.tb-nav-link svg{height:20px;width:20px}.tb-create-btn{display:none}.tb-login-btn,.tb-user-trigger{gap:0;padding:4px}.tb-user-menu{min-width:180px;right:-4px}}@media (max-width:380px){.tb-logo-text{font-size:18px}.tb-flag-btn{display:none}.tb-avatar{font-size:12px;height:28px;width:28px}}:root{--bg:#0d0f14;--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;--radius:14px;--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}.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;background:#161922;background:var(--surface);border:1px solid #2a3045;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 80px #00000080,0 0 0 1px #ffffff08;max-width:440px;padding:48px 44px;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-icon-wrap{align-items:center;background:linear-gradient(135deg,#6c8ef740,#6c8ef714);background:linear-gradient(135deg,var(--accent-glow),#6c8ef714);border:1px solid #6c8ef74d;border-radius:16px;display:flex;height:56px;justify-content:center;margin-bottom:28px;width:56px}.rp-icon-wrap svg{stroke:#6c8ef7;stroke:var(--accent);height:26px;width:26px}.rp-title{color:var(--text-primary);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}.rp-subtitle{color:#8892aa;color:var(--text-secondary);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:#8892aa;color:var(--text-secondary);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:var(--text-primary);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:#8892aa;color:var(--text-secondary);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:var(--text-primary)}.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{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%}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.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-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}.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:#111827;border:none;border-radius:16px;box-shadow:0 0 0 1px #ffffff14,0 8px 24px #0006,0 2px 8px #22c55e26;cursor:pointer;display:flex;height:52px;justify-content:center;margin-left:auto;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 #ffffff1f,0 16px 32px #00000080,0 4px 16px #22c55e40;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:12px;position:absolute;right:-3px;top:-3px;width:12px}.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(2.5)}}.chat-window{animation:chat-slide-up .3s cubic-bezier(.22,1,.36,1);background:#0a0e1a;border:1px solid #ffffff12;border-radius:20px;bottom:64px;box-shadow:0 0 0 1px #22c55e14,0 32px 64px #0009,0 8px 24px #0006;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,#0f1420,#0a0e1a);border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;gap:10px;padding:14px 16px;position:relative}.chat-header:after{background:linear-gradient(90deg,#0000,#22c55e4d,#0000);bottom:0;content:"";height:1px;left:16px;position:absolute;right:16px}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#14532d,#166534);border:1px solid #22c55e40;border-radius:10px;box-shadow:0 0 12px #22c55e26;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.chat-header-avatar svg{height:18px;width:18px}.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 #22c55e99;content:"";flex-shrink:0;height:6px;width:6px}.chat-header-close{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;color:#fff6;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.chat-header-close:hover{background:#ef44441f;border-color:#ef444433;color:#f87171}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 12px;scrollbar-color:#ffffff0f #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;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-end;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.msg-avatar.bot{background:linear-gradient(135deg,#14532d,#166534);border:1px solid #22c55e33}.msg-avatar.user{background:#ffffff0f;border:1px solid #ffffff14;color:#ffffff80}.msg-bubble{border-radius:14px;font-size:13px;letter-spacing:.01em;line-height:1.6;max-width:80%;padding:9px 13px;white-space:pre-wrap;word-break:break-word}.msg-row.bot .msg-bubble{background:#141a2b;border:1px solid #ffffff0f;border-bottom-left-radius:4px;color:#cbd5e1}.msg-row.user .msg-bubble{background:linear-gradient(135deg,#16a34a,#15803d);border-bottom-right-radius:4px;box-shadow:0 2px 12px #16a34a40;color:#fff}.msg-time{color:#fff3;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:#141a2b;border:1px solid #ffffff0f;border-bottom-left-radius:4px;border-radius:14px;display:flex;gap:4px;padding:12px 16px}.typing-dot{animation:typing-bounce 1.4s ease infinite;background:#22c55e80;border-radius:50%;height:5px;width:5px}.typing-dot:nth-child(2){animation-delay:.18s;background:#22c55e66}.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,#0f172a,#1e293b);border:1px solid #22c55e33;border-radius:12px;margin-top:6px;max-width:260px;padding:14px}.chat-login-icon{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;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:#ffffff73;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 #16a34a4d;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:#0a0e1a;border-top:1px solid #ffffff0a;flex-shrink:0;padding:10px 12px 12px}.chat-input-row{align-items:flex-end;background:#141a2b;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:8px;padding:8px 8px 8px 14px;transition:border-color .2s}.chat-input-row:focus-within{border-color:#22c55e59;box-shadow:0 0 0 3px #22c55e0f}.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:#fff3;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 #16a34a4d;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 #16a34a73;transform:scale(1.06)}.chat-send-btn:not(:disabled):active{transform:scale(.94)}.chat-hint{color:#ffffff26;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:#000000bf;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 #ffffff1f;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}.event-detail-page{color:#fff;font-family:Inter,sans-serif;min-height:100vh;padding:60px 20px}.event-detail-page .event-container{margin:0 auto;max-width:1300px}.event-detail-page .event-ticket-main{background-color:#38383d;border-radius:20px;display:flex;height:450px;margin-bottom:50px;overflow:hidden;z-index:0}.event-detail-page .event-ticket-left{display:flex;flex:4 1;flex-direction:column;padding:30px}.event-detail-page .event-ticket-title{font-size:22px;font-weight:800;line-height:1.2;margin-bottom:10px;text-transform:uppercase}.event-detail-page .event-ticket-meta{color:#00c058;font-size:14px;font-weight:600}.event-detail-page .event-meta-item{gap:10px;margin-bottom:12px}.event-detail-page .event-price-section{align-items:baseline;display:flex;gap:10px;margin-bottom:20px;margin-top:auto}.event-detail-page .event-price-label{color:#fff;font-size:18px;font-weight:700}.event-detail-page .event-price-value{color:#00c17a;font-size:24px;font-weight:800}.event-ticket-footer{margin-top:150px}.event-line{border-top:1px solid #fff;margin-bottom:15px}.event-detail-page .event-price-value.sold-out{color:#76767a}.event-detail-page .event-btn-buy{background-color:#00c058;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;line-height:1.2;padding:10px;transition:background .2s;width:100%}.event-detail-page .event-btn-buy:hover{background-color:#00a04a}.event-detail-page .event-btn-buy:disabled{cursor:not-allowed}.event-ticket-divider{background-color:#1a1a1a;display:flex;justify-content:center;left:566px;position:absolute;width:40px;z-index:100}.event-detail-page .event-stub-line{border-left:4px dashed #333;height:409px;left:585px;position:absolute;top:158px;z-index:10}.event-stub-dot{background-color:#27272a;border-radius:50%;height:40px;left:0;position:absolute;width:40px;z-index:100}.event-detail-page .event-stub-dot.top{top:-20px}.event-detail-page .event-stub-dot.bottom{bottom:-470px}.event-detail-page .event-ticket-right{flex:8 1;position:relative}.event-detail-page .event-ticket-banner{height:100%;object-fit:cover;width:100%;z-index:0}.event-detail-page .event-content-wrapper{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:500px 1fr}.event-detail-page .event-tickets-section{background-color:#1a1a1a;border-radius:15px;max-height:600px;overflow-y:auto;padding:30px;position:-webkit-sticky;position:sticky;top:20px;transition:max-height .3s ease}.event-detail-page .event-tickets-section.expanded{max-height:calc(100vh - 60px)}.event-detail-page .section-header{border-bottom:2px solid #333;color:#00c058;font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 25px;padding-bottom:15px;text-transform:uppercase}.event-detail-page .tickets-list{display:flex;flex-direction:column;gap:15px}.event-detail-page .event-tickets-section::-webkit-scrollbar{width:6px}.event-detail-page .event-tickets-section::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.event-detail-page .event-tickets-section::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.event-detail-page .event-tickets-section::-webkit-scrollbar-thumb:hover{background:#00c058}.event-detail-page .ticket-item{align-items:center;background:#252525;border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:all .3s ease}.event-detail-page .ticket-item:hover:not(.sold-out){cursor:pointer}.event-detail-page .ticket-item.sold-out{filter:grayscale(.7);opacity:.5}.event-detail-page .ticket-info{flex:1 1}.event-detail-page .ticket-name{color:#fff;font-size:15px;font-weight:700;margin-left:10px}.event-detail-page .ticket-desc{color:#888;font-size:13px;line-height:1.4}.event-detail-page .ticket-status{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.event-detail-page .ticket-status.available{background:#00c05826;color:#00c058}.event-detail-page .ticket-status.sold-out-badge{background:#9993;color:#999}.event-detail-page .ticket-price-box{margin-left:20px;text-align:right}.event-detail-page .ticket-price{color:#00c058;display:block;font-size:16px;font-weight:800}.arrow{margin-bottom:10px;transition:all .3s ease}.arrow.open{transform:rotate(90deg)}.event-detail-page .no-tickets{color:#888;font-style:italic;padding:40px 20px;text-align:center}.event-detail-page .event-desc-section{background-color:#1a1a1a;border-radius:15px;padding:40px}.event-detail-page .event-desc-header{border-bottom:2px solid #333;color:#00c058;font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 25px;padding-bottom:15px;text-transform:uppercase}.event-detail-page .event-desc-content{color:#ccc;font-size:16px;line-height:1.8;position:relative}.event-detail-page .event-desc-content p{margin:0}.event-detail-page .btn-toggle-desc{background:#00c0581a;border:1px solid #00c058;border-radius:8px;color:#00c058;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease;width:100%}.event-detail-page .btn-toggle-desc:hover{background:#00c05833;transform:translateY(-2px)}@media (max-width:1200px){.event-detail-page .event-content-wrapper{gap:25px;grid-template-columns:350px 1fr}}@media (max-width:968px){.event-detail-page .event-content-wrapper{gap:30px;grid-template-columns:1fr}.event-detail-page .event-tickets-section{position:static}.event-detail-page .event-ticket-main{flex-direction:column}.event-detail-page .event-ticket-divider{display:none}.event-detail-page .event-ticket-left,.event-detail-page .event-ticket-right{flex:1 1}}@media (max-width:640px){.event-detail-page .ticket-item{align-items:flex-start;flex-direction:column;gap:15px}.event-detail-page .ticket-price-box{margin-left:0;text-align:left;width:100%}}.event-btn-buy{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 18px;transition:all .2s ease}.event-btn-buy.sold-out{background:#6b6b6b;cursor:not-allowed}.event-btn-buy.coming-soon{background:#cfcfcf;color:#555;cursor:not-allowed}.event-btn-buy.ended{background:#4a4a4a;color:#d9d9d9;cursor:not-allowed}.event-btn-buy.coming-soon:hover,.event-btn-buy.ended:hover,.event-btn-buy.sold-out:hover{background:#4a4a4a;transform:none}.ticket-header{align-items:center;display:flex;gap:10px}.arrow{color:#00c058;font-size:12px}.ticket-desc{animation:fadeIn .3s ease;color:#aaa;height:auto;line-height:1.5;margin-top:10px}.ticket-status{border-radius:6px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px}.ticket-status.available{background:#00c05826;color:#00c058;margin-top:10px}.ticket-status.sold-out{background:#ff4d4f26;color:#ff4d4f;margin-top:10px}.ticket-status.over{background:#ffc10726;color:#ffc107;margin-top:10px}@media (max-width:480px){.event-detail-page{padding:40px 15px}.event-detail-page .event-ticket-title{font-size:18px}.event-detail-page .event-ticket-main{flex-direction:column;height:auto;padding:20px}.event-detail-page .event-stub-dot,.event-detail-page .event-stub-line,.event-detail-page .event-ticket-divider{display:none}.event-detail-page .event-ticket-right{height:200px;margin-top:15px;width:100%}.event-detail-page .event-ticket-meta{font-size:12px}.event-detail-page .event-price-label{font-size:16px}.event-detail-page .event-price-value{font-size:20px}.event-detail-page .event-content-wrapper{gap:20px;grid-template-columns:1fr}.event-detail-page .ticket-item{padding:8px}.event-detail-page .ticket-name{font-size:14px}.event-detail-page .ticket-desc{font-size:12px}.event-detail-page .ticket-price{font-size:14px}.event-btn-buy{font-size:14px;padding:8px 12px}.event-detail-page .btn-toggle-desc{font-size:13px;padding:10px 20px}}.sp-wrapper{padding:24px 0}.sp-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.sp-pill-wrap{position:relative}.sp-pill{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:999px;color:#333;cursor:pointer;display:flex;font-size:13.5px;gap:6px;padding:8px 14px;transition:all .15s}.sp-pill:hover{border-color:#aaa}.sp-pill.active{background:#fff5f5;border-color:#e63946;color:#e63946}.sp-pill-clear{font-size:11px;margin-left:2px;opacity:.6}.sp-pill-clear:hover{opacity:1}.sp-pill-badge{background:#e63946;border-radius:999px;color:#fff;font-size:11px;font-weight:600;margin-left:2px;padding:1px 6px}.sp-dropdown{background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 8px 32px #0000001f;left:0;padding:16px;position:absolute;top:calc(100% + 8px);z-index:200}.sp-date-dropdown{width:580px}.sp-filter-dropdown{width:320px}.sp-quick-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.sp-qtab{background:#fff;border:1.5px solid #e0e0e0;border-radius:999px;cursor:pointer;font-size:12.5px;padding:5px 14px;transition:all .12s}.sp-qtab:hover{border-color:#aaa}.sp-qtab.active{background:#e63946;border-color:#e63946;color:#fff}.sp-calendars{display:flex;gap:24px}.month-calendar{flex:1 1}.cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cal-title{font-size:13.5px;font-weight:600}.cal-nav{background:none;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:18px;padding:2px 6px}.cal-nav:hover{background:#f0f0f0}.cal-nav.invisible{visibility:hidden}.cal-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.cal-dow{color:#999;font-size:11px;font-weight:500;padding:4px 0;text-align:center}.cal-day{border-radius:6px;cursor:pointer;font-size:12.5px;padding:6px 2px;text-align:center;transition:background .1s}.cal-day:hover{background:#f5f5f5}.cal-day.today{color:#e63946;font-weight:700}.cal-day.selected{background:#e63946;border-radius:6px;color:#fff}.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:#fde8ea;border-radius:0}.cal-day.empty{cursor:default}.sp-date-range-display{align-items:center;border-top:1px solid #f0f0f0;color:#e63946;display:flex;font-size:13px;font-weight:500;gap:8px;margin:12px 0 0;padding-top:12px}.sp-arrow{opacity:.5}.sp-dropdown-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:14px}.sp-btn-ghost{background:#fff;border:1.5px solid #ddd;border-radius:8px;cursor:pointer;font-size:13px;padding:7px 16px}.sp-btn-ghost:hover{background:#f5f5f5}.sp-btn-primary{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 18px}.sp-btn-primary:hover{background:#c62f3b}.sp-btn-primary:disabled{cursor:default;opacity:.4}.sp-filter-section{margin-bottom:16px}.sp-filter-label{color:#888;font-size:12px;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:#fff;border:1.5px solid #e0e0e0;border-radius:999px;cursor:pointer;font-size:12.5px;padding:5px 12px;transition:all .12s}.sp-chip:hover{border-color:#aaa}.sp-chip.active{background:#e63946;border-color:#e63946;color:#fff}.sp-result-label{color:#666;font-size:14px;margin-bottom:16px}.sp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sp-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .18s,box-shadow .18s}.sp-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.sp-card-img{aspect-ratio:16/9;overflow:hidden;position:relative}.sp-card-img img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.sp-card:hover .sp-card-img img{transform:scale(1.04)}.sp-status-tag{border-radius:999px;font-size:11px;font-weight:600;left:8px;padding:3px 9px;position:absolute;top:8px}.sp-status-upcoming{background:#e8f5e9;color:#2e7d32}.sp-status-ongoing{background:#e3f2fd;color:#1565c0}.sp-status-ended{background:#f5f5f5;color:#757575}.sp-card-info{padding:12px 14px 14px}.sp-event-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:6px;overflow:hidden}.sp-event-date{align-items:center;color:#888;display:flex;font-size:12.5px;gap:5px;margin-bottom:6px}.sp-event-price{color:#555;font-size:13px}.sp-event-price strong{color:#e63946}.sp-skeleton{pointer-events:none}.skeleton-img{aspect-ratio:16/9;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;width:100%}.skeleton-img,.skeleton-line{animation:shimmer 1.4s infinite}.skeleton-line{background:#f0f0f0;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:#aaa;padding:60px 20px;text-align:center}.sp-empty p{font-size:14px;margin-top:12px}.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}.zone-tooltip{animation:tooltipFadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1afa;border:1px solid #00c058;border-radius:10px;box-shadow:0 8px 32px #00c0584d;min-width:200px;padding:12px 16px;pointer-events:none;position:fixed;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{border-bottom:1px solid #333;color:#fff;font-size:15px;font-weight:700;margin-bottom:8px;padding-bottom:6px}.tooltip-price{color:#00c058;font-size:18px;font-weight:800;margin-bottom:6px}.tooltip-stock{color:#aaa;font-size:13px}.layout-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #333;border-radius:10px;display:flex;gap:20px;padding:12px 20px}.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:15px}.ticket-list-title{color:#fff;font-size:18px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.ticket-item-name{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;gap:10px}.ticket-code-tag{background:#444;border-radius:4px;color:#ccc;font-size:10px;padding:2px 6px}.ticket-item-price{color:#00c058;font-size:13px;font-weight:800;margin:5px 0}.ticket-item-desc{color:#888;font-size:12px}.ticket-item-action{display:flex;flex-direction:column;gap:10px;text-align:right}.ticket-remaining{color:#aaa;font-size:12px}.btn-select-ticket{background:#00c058;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 25px;transition:.3s}.btn-select-ticket:hover:not(:disabled){background:#00ff73;box-shadow:0 0 15px #00c0584d}.btn-select-ticket:disabled{background:#444;cursor:not-allowed}.ticket-left{align-items:center;display:flex;justify-content:space-between;width:100%}.ticket-item-name,.ticket-item-price{margin:0}.ticket-box{display:flex;margin-top:20px}.booking-page-wrapper{grid-column:1/-1;margin-left:calc(-50vw + 50%)}.zone-container{display:flex;gap:40px;margin:0;max-width:none;width:100%}.zone-layout{align-items:center;background:#0000;border:none;display:flex;flex:1 0 65%;height:700px;justify-content:center;padding:0;position:-webkit-sticky;position:sticky;top:120px}.zone-ticket{background:#1a1a1a;border:1px solid #333;border-radius:20px;flex:3 1;height:calc(100vh - 170px);margin-top:15px;overflow-y:auto;padding:25px}.zone-ticket::-webkit-scrollbar{width:5px}.zone-ticket::-webkit-scrollbar-track{background:#1a1a1a}.zone-ticket::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.zone-ticket::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:1200px){.zone-layout{flex:0 0 60%}}@media (max-width:1024px){.zone-container{flex-direction:column;gap:20px}.zone-layout{flex:1 1;height:auto;padding:20px 0;position:static}.zone-ticket{flex:1 1;height:auto;max-height:600px}}:root{--card:#1a1d2e;--card2:#151824;--border:#ffffff14;--accent:#4cde80!important;--accent2:#e91e8c;--green:#00c058}.page-wrapper{margin:0 auto;max-width:1100px;padding:36px 24px 80px}.page-title{color:#4cde80;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:800;letter-spacing:2px;margin-bottom:28px}.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:14px}.cart-section-card{background:#1a1d2e;background:var(--card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;padding:20px 22px}.cart-section-title{color:#4cde80;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:14px}.cart-section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.choose-voucher-btn{border:none;color:#4cde80;color:var(--accent);font-family:Lexend,sans-serif;font-weight:500;text-decoration:underline;text-underline-offset:3px}.voucher-input-row{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:4px 4px 4px 12px}.voucher-plus{color:#fff6;flex-shrink:0;font-size:16px}.voucher-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Lexend,sans-serif;font-size:13px;font-weight:500;outline:none;padding:8px 4px}.voucher-input::placeholder{color:#ffffff59;font-weight:400}.voucher-btn{background:linear-gradient(135deg,#e91e8c,#c2185b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Lexend,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-error{color:#ff6b6b;font-size:12px;margin-top:8px}.voucher-applied{align-items:center;background:#e91e8c1a;border:1px solid #e91e8c4d;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.voucher-applied-info{display:flex;flex-direction:column;gap:2px}.voucher-tag{color:#e91e8c;font-size:13px;font-weight:700}.voucher-desc{color:#ffffff80;font-size:11px}.voucher-remove-btn{background:#0000;border:none;border-radius:4px;color:#fff6;cursor:pointer;font-size:15px;padding:2px 6px;transition:color .2s}.voucher-remove-btn:hover{color:#ff6b6b}.pay-method-list{display:flex;flex-direction:column;gap:0}.pay-method-row{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:14px;padding:14px 0;transition:background .15s}.pay-method-row:last-child{border-bottom:none}.pay-method-row.active{background:#00ffd408;border-radius:8px;padding-left:8px}.pay-radio{align-items:center;border:2px solid #ffffff40;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(--green)}.pay-radio-dot{background:#0000;border-radius:50%;height:10px;transition:background .2s;width:10px}.pay-radio-dot.checked{background:#00c058;background:var(--green)}.pay-method-label{color:#fff;font-size:14px;font-weight:500}.order-summary{display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:24px}.summary-ticket-box{background:#1a1d2e;background:var(--card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;padding:18px 20px}.summary-ticket-header{align-items:center;color:#fff;display:flex;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;justify-content:space-between;margin-bottom:14px}.reselect-btn{background:#0000;border:none;color:#4cde80;color:var(--accent);cursor:pointer;font-family:Lexend,sans-serif;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.summary-ticket-cols{color:#ffffff73;font-size:12px;font-weight:500;margin-bottom:10px}.summary-ticket-cols,.summary-ticket-row{display:flex;justify-content:space-between}.summary-ticket-row{align-items:flex-start;border-top:1px solid #ffffff0f;padding-top:8px}.summary-zone-name{color:#4cde80;font-size:14px;font-weight:600;margin-bottom:4px}.summary-zone-price{color:#ffffff8c;font-size:13px}.summary-qty{color:#00c058;font-size:14px;font-weight:600;margin-bottom:4px;text-align:right}.summary-order-box{background:#1a1d2e;background:var(--card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:14px;padding:18px 20px}.summary-order-title{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:700;margin-bottom:14px}.summary-line{color:#ffffffb3;display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.summary-line span:last-child{color:#fff;font-weight:500}.discount-line{color:#4cde80}.discount-value{color:#4cde80!important;font-weight:600}.summary-timer-hint{color:#fff6;font-size:12px;margin:12px 0 8px}.timer-highlight{color:#ffb347;font-weight:700}.summary-divider{border:none;border-top:1px solid #ffffff14;margin:12px 0}.summary-total-row{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:14px}.summary-total-value{color:#00c058!important;color:var(--green)!important;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800}.cart-actions{display:flex;flex-direction:column;gap:10px}.btn-pay{background:#00c058;background:var(--green);border:none;border-radius:10px;box-shadow:0 4px 20px #00c05840;color:#fff;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;letter-spacing:1px;padding:15px;transition:all .2s;width:100%}.btn-pay:hover:not(:disabled){box-shadow:0 6px 28px #00c05866;transform:translateY(-1px)}.btn-pay:disabled{cursor:not-allowed;opacity:.35}.btn-delete-cart{background:#0000;border:1px solid #f871714d;border-radius:10px;color:#f87171;cursor:pointer;font-family:Lexend,sans-serif;font-size:13px;font-weight:500;padding:11px;transition:all .2s;width:100%}.btn-delete-cart:hover{background:#f8717114;border-color:#f8717199}.login-popup{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00ffd433}@media (max-width:900px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:600px){.page-wrapper{padding:20px 16px 60px}}.voucher-picker-wrap{margin-top:10px;position:relative}.choose-voucher-btn{background:#0000;border:1px dashed #fff3;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;padding:7px 14px;text-align:left;transition:border-color .15s,color .15s;width:100%}.choose-voucher-btn:hover{border-color:#ffffff73;color:#fff}.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:320px;overflow-y:auto;position:absolute;right:0;scrollbar-color:#334155 #0000;scrollbar-width:thin;top:calc(100% + 6px);z-index:200}@keyframes vd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.voucher-dropdown::-webkit-scrollbar{width:4px}.voucher-dropdown::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.voucher-dropdown-state{align-items:center;color:#fff6;display:flex;font-size:13px;gap:10px;justify-content:center;padding:24px 16px;text-align:center}.voucher-dropdown-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#8b5cf6;flex-shrink:0;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}.voucher-dropdown-item:first-child{border-radius:12px 12px 0 0}.voucher-dropdown-item:last-child{border-radius:0 0 12px 12px}.vdi-left{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.vdi-code{color:#f1f5f9;font-size:14px;font-weight:700;letter-spacing:.04em}.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-size:11px}.vdi-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.vdi-value{color:#a78bfa;font-size:15px;font-weight:700}.vdi-save{color:#22c55e;font-size:11px;font-weight:500}.voucher-pick-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:background .2s;width:36px}.voucher-pick-btn:hover{background:#ffffff26}.result-wrapper{align-items:center;background:#0d0f18;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:none;border-radius:12px;color:#0a0f1e;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .2s;width:100%}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff80;cursor:pointer;font-size:15px;padding:14px;transition:all .2s;width:100%}.btn-secondary:hover{border-color:#fff3;color:#fff}.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}.mtp-root{background:#020617;color:#f1f5f9;font-family:DM Sans,sans-serif;min-height:100vh;padding:32px 24px}.mtp-header{margin-bottom:24px}.mtp-title{font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:.06em;margin:0 0 4px}.mtp-sub{color:#64748b;font-size:13px}.mtp-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-group{background:#0f172a;border:1px solid #ffffff12;border-radius:10px;display:flex;gap:6px;padding:4px}.filter-btn{background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;font-size:13px;padding:6px 14px}.filter-btn.active{background:#8b5cf6;color:#fff}.filter-btn.time.active{background:#6366f1;color:#fff}.mtp-list{display:flex;flex-direction:column;gap:14px}.tc-card{background:#0f172a;border:1px solid #ffffff12;border-radius:16px;cursor:pointer;display:grid;grid-template-columns:110px 1fr auto;overflow:hidden;transition:.2s}.tc-card:hover{box-shadow:0 12px 30px #0006;transform:translateY(-3px)}.tc-left{align-items:center;background:linear-gradient(180deg,#4c1d95,#1e1b4b);border-right:1px dashed #ffffff1a;display:flex;flex-direction:column;justify-content:center}.tc-middle,.tc-right{padding:16px}.tc-right{text-align:right}.tc-event{font-size:18px}.tc-event,.tc-price{font-family:Bebas Neue}.tc-price{font-size:22px}.tc-badge{border-radius:20px;font-size:10px;padding:3px 8px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061799;inset:0;padding:16px;z-index:9999}.ticket-modal-main{animation:fadeIn .25s ease;background:#0f172a;border-radius:20px;box-shadow:0 20px 60px #0009;display:flex;height:min(480px,88vh);overflow:hidden;position:relative;width:min(860px,92vw)}.ticket-modal-left{display:flex;flex:6 1;flex-direction:column;gap:0;justify-content:flex-start;overflow-y:auto;padding:28px 24px 24px}.ticket-title{color:#f1f5f9;font-family:Bebas Neue;font-size:clamp(20px,2.2vw,26px);letter-spacing:.04em;line-height:1.2;margin:0 0 16px}.ticket-meta{display:flex;flex-direction:column;gap:10px}.ticket-meta-item{background:#ffffff0a;border-left:2px solid #8b5cf666;border-radius:8px;color:#94a3b8;font-size:15px;font-weight:500;line-height:1.5;padding:8px 12px}.ticket-meta-item strong{color:#34ff19;font-weight:600}.ticket-stub-line{background:repeating-linear-gradient(180deg,#0000,#0000 6px,#fff3 0,#fff3 12px);flex-shrink:0;width:2px}.ticket-divider{background:#0f172a;flex-shrink:0;position:relative;width:20px}.ticket-dot{background:#020617;border-radius:50%;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.ticket-dot.top{top:-10px}.ticket-dot.bottom{bottom:-10px}.ticket-modal-right{flex:4 1;justify-content:space-between;padding:28px 20px 24px}.ticket-modal-qr,.ticket-modal-right{align-items:center;display:flex;flex-direction:column}.ticket-modal-qr{gap:8px}.ticket-modal-qr:after{color:#fff;content:"Quét để check-in";font-size:15px;font-weight:500;letter-spacing:.03em}.qr-placeholder{background:#ffffff0d;border-radius:12px;color:#475569;height:140px;width:140px}.ticket-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 8px 30px #00000080;margin:16px;padding:16px;position:relative;z-index:2}.ticket-title-footer{display:flex;justify-content:center}.ticket-price-section{display:flex;font-size:13px;justify-content:space-between}.ticket-price-value{color:#a78bfa;font-size:16px;font-weight:700}.ticket-badges{display:flex;gap:8px;margin-top:10px}.ticket-badge{border-radius:999px;font-size:11px;font-weight:600;padding:4px 10px}.modal-close{align-items:center;background:#1e293b;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;position:absolute;right:12px;top:12px;transition:.15s;width:30px;z-index:1}.modal-close:hover{background:#ef4444;color:#fff}.mtp-state{color:#475569;padding:60px 0;text-align:center}.mtp-state.error{color:#ef4444}.mtp-spinner{animation:spin .7s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:32px;margin:0 auto 12px;width:32px}@media (max-width:640px){.ticket-modal-main{border-radius:16px;flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}.ticket-modal-left{padding:20px 16px 16px}.ticket-modal-right{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:space-between;position:relative}.ticket-modal-qr{align-items:flex-start;flex-direction:row;gap:20px;justify-content:center;margin-bottom:16px;z-index:2}.ticket-divider,.ticket-stub-line{display:none}.ticket-badges{flex-direction:row;flex-wrap:wrap}}.ma-page{color:#fff;display:flex;font-family:Segoe UI,sans-serif;justify-content:center}.ma-container{max-width:860px;width:100%}.ma-header{margin-bottom:32px}.ma-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 16px}.ma-divider{background-color:#2e2e2e;height:1px}.ma-body{align-items:center;display:flex;flex-direction:column}.ma-avatar-wrapper{cursor:pointer;height:96px;margin-bottom:20px;position:relative;width:96px}.ma-avatar{align-items:center;background-color:#22a861;border-radius:50%;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.ma-avatar-img{height:100%;object-fit:cover;width:100%}.ma-avatar-initial{color:#fff;font-size:40px;font-weight:700;-webkit-user-select:none;user-select:none}.ma-avatar-camera{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}.admin-alert-container{position:fixed;right:20px;top:80px;width:320px;z-index:9999}.admin-alert{align-items:center;animation:fadeIn .3s ease;border-radius:8px;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}.alert-close:hover{opacity:.7}: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 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:10px;height:140px;justify-content:center;width:140px}.brand-logo img{height:80%;width:100%}.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:210px;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 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 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 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: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:1.5rem;padding:0 1.5rem}.brand-text{font-size:1.25rem}.menu-item{padding:0 1rem}.menu-item,.menu-label{font-size:.875rem}}@media (max-width:768px){.navbar-container{gap:1rem;padding:0 1rem}.brand-logo{height:38px;width:38px}.brand-logo svg{height:20px;width:20px}.brand-text{font-size:1.125rem}.mobile-toggle{display:flex}.navbar-menu{align-items:stretch;background:#fff;background:var(--bg-primary);border-top:1px solid var(--border-color);bottom:0;flex-direction:column;gap:0;left:0;overflow-y:auto;padding: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)}.menu-item,.menu-parent{height:auto;width:100%}.menu-item{border-bottom:none;border-radius:10px;justify-content:space-between;padding:1rem 1.25rem}.menu-item:hover{background:#f1f5f9;background:var(--bg-hover)}.menu-item.active{background:#eff6ff;background:var(--primary-light);border-bottom:none}.submenu{animation:mobileSubmenuSlide .3s ease;background:#f8fafc;background:var(--bg-secondary);border:none;box-shadow:none;margin:.5rem 0 .75rem;position:static}@keyframes mobileSubmenuSlide{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.submenu-item:hover{transform:translateX(0)}.profile-arrow,.profile-info{display:none}.profile-btn{border:none;padding:.5rem}.profile-btn:hover{background:#f1f5f9;background:var(--bg-hover);box-shadow:none}.dropdown-menu{right:-.5rem}}@media (max-width:480px){.navbar-container{padding:0 .875rem}.brand-logo{height:34px;width:34px}.brand-logo svg{height:18px;width:18px}.brand-text{font-size:1rem}.profile-avatar{font-size:.875rem;height:34px;width:34px}.menu-item{padding:.875rem 1rem}}.navbar-menu::-webkit-scrollbar{width:6px}.navbar-menu::-webkit-scrollbar-track{background:#0000}.navbar-menu::-webkit-scrollbar-thumb{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;padding-top:70px;padding-top:var(--navbar-height)}.admin-container{margin:0 auto;max-width:1400px;padding:2rem}.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:#fff;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:1.875rem;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}.content-right,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.section-card{padding:1.5rem}}@media (max-width:480px){.admin-container{padding:1rem}.header-content{padding:1.25rem}.header-title{font-size:1.25rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.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)}.manager-user-page-wrapper{font-family:Inter,sans-serif;margin-top:50px;padding:40px}.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{padding:30px}.manager-user-page-wrapper .mu-custom-table{border-collapse:collapse;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}.admin-profile-container{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.profile-card{animation:slideIn .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:900px;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}}.manage-admin-container{background-color:#f7fafc;min-height:100vh;padding:30px}.manage-admin-header{margin-bottom:30px}.manage-admin-header h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.admin-count{color:#718096;font-size:14px}.admin-count span{color:#667eea;font-weight:600}.admin-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(135deg,#6a8775,#6b9673)}.admin-table thead th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admin-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.admin-table tbody tr:hover{background-color:#f7fafc;transform:scale(1.01)}.admin-table tbody td{color:#4a5568;font-size:14px;padding:16px}.admin-name{font-weight:500}.name-avatar{gap:12px}.avatar,.name-avatar{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.role-badge.superadmin{background-color:#fed7d7;color:#c53030}.role-badge.admin{background-color:#bee3f8;color:#2c5282}.role-badge.moderator{background-color:#c6f6d5;color:#276749}.level-badge{background-color:#e6fffa;border-radius:20px;color:#234e52;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.btn-detail{background:linear-gradient(135deg,#6a8775,#6b9673);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.btn-detail:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.no-data{color:#a0aec0;font-style:italic;padding:40px!important;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#6a8775,#6b9673);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 30px}.modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;transition:all .3s ease;width:36px}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:30px}.detail-avatar{margin-bottom:24px}.avatar-large,.detail-avatar{display:flex;justify-content:center}.avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:32px;font-weight:700;height:80px;width:80px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#718096;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#2d3748;font-size:14px;font-weight:500}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-delete,.btn-edit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-edit{background-color:#4299e1;color:#fff}.btn-edit:hover{background-color:#3182ce;box-shadow:0 4px 12px #4299e166;transform:translateY(-2px)}.btn-delete{background-color:#f56565;color:#fff}.btn-delete:hover{background-color:#e53e3e;box-shadow:0 4px 12px #f5656566;transform:translateY(-2px)}@media (max-width:1024px){.admin-table{font-size:13px}.admin-table tbody td,.admin-table thead th{padding:12px}}@media (max-width:768px){.manage-admin-container{padding:20px}.admin-table-wrapper{overflow-x:auto}.admin-table{min-width:800px}.detail-grid{grid-template-columns:1fr}.modal-content{width:95%}.modal-footer{flex-direction:column}.btn-delete,.btn-edit{width:100%}}@media (max-width:480px){.manage-admin-header h2{font-size:22px}.modal-body,.modal-header{padding:20px}}.add-admin-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.add-admin-card{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:900px;padding:40px;width:100%}.add-admin-title{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}.add-admin-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;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:480px){.warning-notification{left:16px;max-width:none;min-width:auto;padding:16px 20px;right:16px;top:16px}.warning-icon{height:44px;width:44px}.warning-title{font-size:16px}.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}@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:480px){.success-notification{left:16px;max-width:none;min-width:auto;padding:16px 20px;right:16px;top:16px}.success-icon{height:44px;width:44px}.success-title{font-size:16px}.success-message{font-size:13px}}@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:480px){.error-notification{left:16px;max-width:none;min-width:auto;padding:16px 20px;right:16px;top:16px}.error-icon{height:44px;width:44px}.error-title{font-size:16px}.error-message{font-size:13px}}.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)}.manage-categories-container{margin:80px auto 0;max-width:1400px;padding:20px}.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%}}*{box-sizing:border-box;margin:0;padding:0}.manage-order-wrap{background:#f5f5f3;font-family:DM Sans,sans-serif;min-height:100vh;padding:2rem 1.5rem 3rem}.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{font-family:Segoe UI,sans-serif;height:100%;margin:150px auto;max-width:100%;padding:24px 40px}.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:#fff;--oe-surface:#181c25;--oe-surface-2:#fff;--oe-border:#2a2f3d;--oe-border-light:#333a4d;--oe-text-primary:#e8eaf0;--oe-text-muted:#7c859e;--oe-text-faint:#4a5068;--oe-accent:#5c8fff;--oe-accent-glow:#5c8fff2e;--oe-green:#34c98a;--oe-red:#f05c6e;--oe-yellow:#f0b429;--oe-blue:#5c8fff;--oe-purple:#a78bfa;--oe-radius:10px;--oe-radius-sm:6px;--oe-font-body:"Be Vietnam Pro",sans-serif;--oe-font-mono:"JetBrains Mono",monospace;--oe-transition:0.18s ease;--oe-shadow:0 4px 24px #0006}.oe-wrapper{background:#fff;background:var(--oe-bg);box-sizing:border-box;color:#e8eaf0;color:var(--oe-text-primary);font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);margin-top:50px;min-height:100vh;padding:28px 32px 60px}.oe-header{align-items:center;display:flex;gap:20px;margin:20px 0}.oe-back-btn{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:6px;border-radius:var(--oe-radius-sm);color:#7c859e;color:var(--oe-text-muted);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);font-size:13px;padding:8px 16px;transition:color .18s ease,border-color .18s ease;transition:color var(--oe-transition),border-color var(--oe-transition);white-space:nowrap}.oe-back-btn:hover{border-color:#5c8fff;border-color:var(--oe-accent);color:#e8eaf0;color:var(--oe-text-primary)}.oe-title-block{align-items:baseline;display:flex;gap:12px}.oe-title{color:#000;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.oe-event-id{background:#fff;background:var(--oe-surface-2);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:4px;color:#4a5068;color:var(--oe-text-faint);font-family:JetBrains Mono,monospace;font-family:var(--oe-font-mono);font-size:12px;padding:3px 8px}.oe-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.oe-stat-card{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:10px;border-radius:var(--oe-radius);display:flex;flex-direction:column;gap:8px;padding:18px 20px;transition:border-color .18s ease;transition:border-color var(--oe-transition)}.oe-stat-card:hover{border-color:#333a4d;border-color:var(--oe-border-light)}.oe-stat-card--accent{background:linear-gradient(135deg,#181c25,#1a2036);background:linear-gradient(135deg,var(--oe-surface),#1a2036);border-color:#5c8fff59}.oe-stat-label{color:#7c859e;color:var(--oe-text-muted);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.oe-stat-value{color:#e8eaf0;color:var(--oe-text-primary);font-family:JetBrains Mono,monospace;font-family:var(--oe-font-mono);font-size:24px;font-weight:600;line-height:1}.oe-stat-value--green{color:#34c98a;color:var(--oe-green)}.oe-stat-value--red{color:#f05c6e;color:var(--oe-red)}.oe-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.oe-search-wrap{flex:1 1;min-width:220px;position:relative}.oe-search-icon{font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.oe-search{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:6px;border-radius:var(--oe-radius-sm);box-sizing:border-box;color:#e8eaf0;color:var(--oe-text-primary);font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);font-size:13.5px;outline:none;padding:9px 36px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--oe-transition),box-shadow var(--oe-transition);width:100%}.oe-search::placeholder{color:#4a5068;color:var(--oe-text-faint)}.oe-search:focus{border-color:#5c8fff;border-color:var(--oe-accent);box-shadow:0 0 0 3px #5c8fff2e;box-shadow:0 0 0 3px var(--oe-accent-glow)}.oe-search-clear{background:none;border:none;color:#7c859e;color:var(--oe-text-muted);cursor:pointer;font-size:13px;line-height:1;padding:0 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .18s ease;transition:color var(--oe-transition)}.oe-search-clear:hover{color:#f05c6e;color:var(--oe-red)}.oe-filter-status{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:6px;border-radius:var(--oe-radius-sm);color:#e8eaf0;color:var(--oe-text-primary);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);font-size:13.5px;min-width:170px;outline:none;padding:9px 12px;transition:border-color .18s ease;transition:border-color var(--oe-transition)}.oe-filter-status:focus{border-color:#5c8fff;border-color:var(--oe-accent)}.oe-result-count{color:#7c859e;color:var(--oe-text-muted);font-size:12px;white-space:nowrap}.oe-table-wrap{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:10px;border-radius:var(--oe-radius);box-shadow:0 4px 24px #0006;box-shadow:var(--oe-shadow);overflow-x:auto}.oe-table{border-collapse:collapse;min-width:780px;width:100%}.oe-th{background:#fff;background:var(--oe-surface-2);border-bottom:1px solid #2a2f3d;border-bottom:1px solid var(--oe-border);color:#7c859e;color:var(--oe-text-muted);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.7px;padding:13px 16px;text-align:left;text-transform:uppercase;transition:color .18s ease;transition:color var(--oe-transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.oe-th:hover{color:#e8eaf0;color:var(--oe-text-primary)}.oe-th--center{cursor:default;text-align:center}.sort-icon{font-style:normal;margin-left:5px;opacity:.5}.sort-icon--active{color:#5c8fff;color:var(--oe-accent);opacity:1}.oe-tr{border-bottom:1px solid #2a2f3d;border-bottom:1px solid var(--oe-border);transition:background .18s ease;transition:background var(--oe-transition)}.oe-tr:last-child{border-bottom:none}.oe-tr--even{background:hsla(0,0%,100%,.015)}.oe-tr:hover{background:#5c8fff0d}.oe-td{color:#e8eaf0;color:var(--oe-text-primary);font-size:13.5px;padding:13px 16px;vertical-align:middle}.oe-td--id .oe-order-id{color:#5c8fff;color:var(--oe-accent);font-family:JetBrains Mono,monospace;font-family:var(--oe-font-mono);font-size:12px;font-weight:600;letter-spacing:.5px}.oe-customer-name{font-weight:500}.oe-td--contact{color:#7c859e;color:var(--oe-text-muted);font-size:13px;line-height:1.6}.oe-phone{color:#4a5068;color:var(--oe-text-faint);font-size:12px}.oe-td--amount{color:#34c98a;color:var(--oe-green);font-family:JetBrains Mono,monospace;font-family:var(--oe-font-mono);font-size:13px;font-weight:600;white-space:nowrap}.oe-td--date{color:#7c859e;color:var(--oe-text-muted);font-size:12.5px;white-space:nowrap}.oe-td--actions{text-align:center}.oe-status{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:600;letter-spacing:.2px;padding:4px 10px;white-space:nowrap}.status--pending{background:#f0b42926;border:1px solid #f0b4294d;color:#f0b429;color:var(--oe-yellow)}.status--confirmed{background:#5c8fff26;border:1px solid #5c8fff4d;color:#5c8fff;color:var(--oe-blue)}.status--paid{background:#34c98a26;border:1px solid #34c98a4d;color:#34c98a;color:var(--oe-green)}.status--cancelled{background:#f05c6e26;border:1px solid #f05c6e4d;color:#f05c6e;color:var(--oe-red)}.status--completed{background:#a78bfa26;border:1px solid #a78bfa4d;color:#a78bfa;color:var(--oe-purple)}.oe-btn-detail{background:#0000;border:1px solid #333a4d;border:1px solid var(--oe-border-light);border-radius:6px;border-radius:var(--oe-radius-sm);color:#7c859e;color:var(--oe-text-muted);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);font-size:12px;font-weight:500;padding:6px 14px;transition:color .18s ease,border-color .18s ease,background .18s ease;transition:color var(--oe-transition),border-color var(--oe-transition),background var(--oe-transition)}.oe-btn-detail:hover{background:#5c8fff2e;background:var(--oe-accent-glow);border-color:#5c8fff;border-color:var(--oe-accent);color:#5c8fff;color:var(--oe-accent)}.oe-empty{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:10px;border-radius:var(--oe-radius);color:#7c859e;color:var(--oe-text-muted);padding:80px 20px;text-align:center}.oe-empty-icon{font-size:48px;margin-bottom:16px}.oe-empty p{font-size:14px;margin:0}.oe-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:24px}.oe-page-btn{background:#181c25;background:var(--oe-surface);border:1px solid #2a2f3d;border:1px solid var(--oe-border);border-radius:6px;border-radius:var(--oe-radius-sm);color:#7c859e;color:var(--oe-text-muted);cursor:pointer;font-family:Be Vietnam Pro,sans-serif;font-family:var(--oe-font-body);font-size:13px;height:34px;min-width:34px;padding:0 8px;transition:all .18s ease;transition:all var(--oe-transition)}.oe-page-btn:hover:not(:disabled){background:#5c8fff2e;background:var(--oe-accent-glow);border-color:#5c8fff;border-color:var(--oe-accent);color:#5c8fff;color:var(--oe-accent)}.oe-page-btn--active{border-color:#5c8fff;border-color:var(--oe-accent);font-weight:600}.oe-page-btn--active,.oe-page-btn--active:hover{background:#5c8fff;background:var(--oe-accent);color:#fff}.oe-page-btn:disabled{cursor:not-allowed;opacity:.3}.oe-page-ellipsis{color:#4a5068;color:var(--oe-text-faint);font-size:14px;padding:0 4px}@media (max-width:768px){.oe-wrapper{padding:20px 16px 48px}.oe-title{font-size:18px}.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 1fr}.oe-stat-value{font-size:20px}}: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{color:#0f172a;color:var(--text-primary);font-family:Be Vietnam Pro,sans-serif;font-family:var(--font);margin-top:50px;padding:32px 28px}.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}
/*# sourceMappingURL=main.0345b4c3.css.map*/