body,html{background:#f8f9fa}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f172a;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}:root{--primary:#0f3460;--primary-light:#1e40af;--primary-dark:#0c2440;--secondary:#0e7490;--secondary-light:#22d3ee;--secondary-dark:#0c4a6e;--gradient-primary:linear-gradient(135deg,var(--primary),var(--secondary));--gradient-hover:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));--gradient-sidebar:linear-gradient(180deg,#1e293b,#0f172a);--gradient-card:linear-gradient(135deg,#1e293bf2,#0f172afa);--bg-darkest:#0f172a;--bg-darker:#1e293b;--bg-dark:#334155;--bg-card:#1e293b;--text-brightest:#f1f5f9;--text-bright:#e2e8f0;--text-medium:#94a3b8;--text-dim:#64748b;--accent-red:#ff6b6b;--accent-green:#4ecdc4;--accent-yellow:#ffd166;--accent-purple:#6a0572;--accent-pink:#f72585;--shadow-sm:0 4px 6px #0000001a,0 1px 3px #00000014;--shadow-md:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-lg:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-glow:0 0 20px #0f346059;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease;--transition-slow:all 0.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px}@media (prefers-reduced-motion:reduce){.menus-container:not(.list) .menu-card:hover,.restaurant-card:hover,.service-card:hover,.stat-card:hover{transform:none}.dashboard .dashboard-grid,.dashboard .main-content,.dashboard .notifications-popup,.dashboard .service-card,.dashboard .services-section,.dashboard .stat-card,.dashboard .stat-card .graph-bar,.dashboard .stats-container,.dashboard .welcome-section,.wave-emoji{animation:none}.dashboard .logout-button:hover,.dashboard .service-card:hover,.dashboard .stat-card:hover,.dashboard .theme-toggle-button:hover{transform:none}.loading-container .logo-image,.loading-logo img,.loading-text{animation:none}}.loading-container{background:#0f172a;background:var(--bg-darkest);box-sizing:border-box;flex-direction:column;gap:24px;height:100vh;left:0;max-width:100vw;min-height:100dvh;overflow:hidden;padding:24px;position:fixed;top:0;width:100%;z-index:9999}.loading-container,.loading-logo{align-items:center;display:flex;justify-content:center}.loading-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:2px;margin-bottom:16px;max-width:100%}.loading-container .logo-image,.loading-logo img{animation:loadingLogoIn .6s ease-out both;height:auto;max-width:100%;object-fit:contain}@keyframes loadingLogoIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-spinner{flex-shrink:0;height:60px;position:relative;width:60px}.spinner-circle{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--primary-light);height:100%;position:absolute;width:100%}.spinner-circle-inner{animation:spin 2s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--secondary-light);height:70%;left:15%;position:absolute;top:15%;width:70%}.loading-text{animation:loadingPulse 1.5s ease-in-out infinite;color:#94a3b8;color:var(--text-medium);font-size:16px;letter-spacing:1px;text-align:center}@keyframes loadingPulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.loading-container{gap:20px;padding:20px 16px}.loading-logo{margin-bottom:12px}.loading-container .logo-image,.loading-logo img{max-width:min(280px,85vw)}.loading-spinner{height:48px;width:48px}.loading-text{font-size:15px}}@media (max-width:480px){.loading-container{gap:16px;padding:16px 12px}.loading-container .logo-image,.loading-logo img{max-width:min(220px,80vw)}.loading-spinner{height:44px;width:44px}.loading-text{font-size:14px}}.dashboard{background:linear-gradient(165deg,#0f172a,#0c1929 50%,#0a1628);color:#f1f5f9;display:flex;min-height:100vh;position:relative}.dashboard .card-image,.dashboard .menu-card img,.dashboard .menu-images-carousel .main-image,.dashboard .menu-images-carousel img,.dashboard .menu-images-display .card-image,.dashboard .menu-images-display img,.dashboard .preview-img,.dashboard .restaurant-card img{display:block!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important}@keyframes dashboardContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardShine{0%{opacity:0;transform:translateX(-100%)}to{opacity:.08;transform:translateX(100%)}}.dashboard .main-content{animation:dashboardContentIn .45s ease-out both}.dashboard .welcome-section{animation:dashboardContentIn .5s ease-out .08s both;transition:box-shadow .3s ease,border-color .3s ease,transform .3s ease}.dashboard .welcome-section:hover{box-shadow:0 8px 32px #00000040}.dashboard .stats-container{animation:dashboardContentIn .4s ease-out .12s both}.dashboard .stat-card{animation:dashboardCardIn .4s cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.dashboard .stat-card:first-child{animation-delay:.18s}.dashboard .stat-card:nth-child(2){animation-delay:.22s}.dashboard .stat-card:nth-child(3){animation-delay:.26s}.dashboard .stat-card:nth-child(4){animation-delay:.3s}.dashboard .stat-card:hover{transform:translateY(-6px)}.dashboard .stat-card .graph-bar{animation:graphBarGrow .6s ease-out .5s both;transform-origin:bottom}@keyframes graphBarGrow{0%{opacity:.5;transform:scaleY(0)}to{opacity:.7;transform:scaleY(1)}}.dashboard .dashboard-grid,.dashboard .services-section{animation:dashboardContentIn .45s ease-out .2s both}.dashboard .service-card{animation:dashboardCardIn .45s cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.dashboard .service-card:first-child{animation-delay:.28s}.dashboard .service-card:nth-child(2){animation-delay:.32s}.dashboard .service-card:nth-child(3){animation-delay:.36s}.dashboard .service-card:nth-child(4){animation-delay:.4s}.dashboard .service-card:nth-child(5){animation-delay:.44s}.dashboard .service-card:nth-child(6){animation-delay:.48s}.dashboard .service-card:nth-child(7){animation-delay:.52s}.dashboard .service-card:nth-child(8){animation-delay:.56s}.dashboard .service-card:nth-child(9){animation-delay:.6s}.dashboard .service-card:nth-child(10){animation-delay:.64s}.dashboard .service-card:nth-child(11){animation-delay:.68s}.dashboard .service-card:nth-child(12){animation-delay:.72s}.dashboard .service-card:hover{transform:translateY(-6px)}.dashboard .theme-toggle-button{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .25s ease,box-shadow .25s ease}.dashboard .theme-toggle-button:hover{transform:scale(1.1) rotate(15deg)}.dashboard .theme-toggle-button:active{transform:scale(.95)}.dashboard .action-button.notifications{transition:transform .25s ease,background .25s ease}.dashboard .action-button.notifications:hover{transform:translateY(-3px)}.dashboard .sidebar.open{transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease}.dashboard .sidebar-nav a{position:relative;transition:color .2s ease,background-color .2s ease,padding-left .25s ease}.dashboard .sidebar-nav a:hover{padding-left:28px}.dashboard .sidebar-nav li.active a:before{transition:box-shadow .3s ease}.dashboard .sidebar-nav li.active a:hover:before{box-shadow:0 0 12px #22d3ee66}.dashboard .logout-button{transition:background-color .25s ease,color .25s ease,transform .2s ease}.dashboard .logout-button:hover{transform:translateX(4px)}.dashboard .floating-qr-button:hover{box-shadow:0 12px 32px #0e749080,0 0 0 1px #ffffff1f}.dashboard .notifications-popup{animation:dashboardContentIn .3s cubic-bezier(.22,1,.36,1) both}.dashboard .mobile-header{transition:box-shadow .3s ease,background .3s ease}.dashboard .menu-toggle span{transition:transform .25s ease,opacity .25s ease}.dashboard .menu-toggle:hover span:first-child{transform:translateY(-1px)}.dashboard .menu-toggle:hover span:nth-child(3){transform:translateY(1px)}.dashboard .copyright{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#020617,#0b1220 40%,#020617);border-top:1px solid #94a3b859;box-shadow:0 -8px 24px #0f172acc;color:#e2e8f0;font-size:13px;line-height:1.5;padding:16px 12px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%}.dashboard .copyright p{margin:0}.dashboard .copyright a{color:#60a5fa;margin-left:4px;text-decoration:none;transition:color .2s ease}.dashboard .copyright a:hover{color:#93c5fd}.dashboard .copyright img{filter:drop-shadow(0 0 6px rgba(15,23,42,.9))}.dashboard .user-avatar-small{transition:transform .25s ease,box-shadow .25s ease}.dashboard .user-avatar-small:hover{box-shadow:0 0 20px #22d3ee59;transform:scale(1.08)}.dashboard .cancel-button,.dashboard .download-button{transition:transform .2s ease,opacity .2s ease}.dashboard .cancel-button:hover,.dashboard .download-button:hover{transform:translateY(-1px)}.dashboard .close-modal:hover{transform:scale(1.08)}.dashboard .close-modal{transition:transform .2s ease,background .2s ease,color .2s ease}.mobile-header{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,#1e293b,#172033 50%,#151c28);border-bottom:1px solid #94a3b826;box-shadow:0 4px 24px #00000059,0 1px 0 #ffffff0f;box-sizing:border-box;display:flex;flex-shrink:0;gap:14px;height:auto;justify-content:space-between;left:0;min-height:64px;padding:max(14px,env(safe-area-inset-top)) 16px 14px;position:fixed;right:0;top:0;transition:box-shadow .3s ease,background .3s ease;z-index:100}.mobile-header .mobile-logo{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:hidden;padding:0 8px}.mobile-header .mobile-logo img{filter:brightness(1.15) contrast(1.08);height:48px;max-height:52px;max-width:240px;min-height:42px;object-fit:contain;object-position:center;transition:filter .2s ease;width:auto}.mobile-header .light-menu-toggle,.mobile-header .menu-toggle{flex-shrink:0}.mobile-header .light-menu-toggle:hover{background:#ffffff1a}.mobile-header .light-menu-toggle span{background:linear-gradient(90deg,#e2e8f0,#cbd5e1)!important;box-shadow:0 1px 2px #0003}.mobile-header .light-menu-toggle:hover span{background:linear-gradient(90deg,#f8fafc,#e2e8f0)!important}.mobile-header .mobile-user{flex-shrink:0}.mobile-header .user-avatar{align-items:center;background:linear-gradient(135deg,#0e7490,#0f3460);border:none;border-radius:50%;box-shadow:0 4px 14px #0e749066,0 0 0 2px #ffffff14;color:#fff;display:flex;flex-shrink:0;font-size:1.05rem;font-weight:600;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:transform .2s ease,box-shadow .2s ease;width:44px}.mobile-header .user-avatar:hover{box-shadow:0 6px 20px #0e749080,0 0 0 2px #ffffff1f;transform:scale(1.04)}.sidebar-overlay{animation:overlayFade .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;inset:0;position:fixed;z-index:199}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;justify-content:center;min-height:48px;min-width:48px;padding:12px 11px;transition:background .25s ease,transform .2s ease}.menu-toggle:hover{background:linear-gradient(135deg,#0f34600f,#0e749014)}.menu-toggle:active{background:#0f34601f}.menu-toggle:focus-visible{box-shadow:0 0 0 3px #0e749059;outline:none}.menu-toggle span{background:linear-gradient(90deg,#0f3460,#0e7490);border-radius:2px;box-shadow:0 1px 2px #0f346026;display:block;height:3px;transition:transform .25s ease,opacity .25s ease;width:24px}.menu-toggle:hover span{background:linear-gradient(90deg,#0c4a6e,#0e7490)}.mobile-logo{align-items:center;display:flex;flex:1 1;font-size:18px;font-weight:700;justify-content:center;min-width:0}.mobile-logo img{filter:brightness(1.1) contrast(1.1);height:48px;max-height:52px;max-width:240px;min-height:42px;mix-blend-mode:normal;object-fit:contain;opacity:1;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:1px}.mobile-user{align-items:center;display:flex}.sidebar{background:linear-gradient(180deg,#1e293b,#1a2332 40%,#151c28);border-right:1px solid #94a3b81f;bottom:0;box-shadow:4px 0 28px #00000040,inset -1px 0 0 #94a3b80f;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .32s ease;width:280px;z-index:200}.sidebar.open{box-shadow:12px 0 40px #00000059,inset -1px 0 0 #94a3b814;transform:translateX(0)}.sidebar-header{align-items:center;background:linear-gradient(180deg,#1e293b80,#0000);border-bottom:1px solid #94a3b81a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 18px}.sidebar-header .logo{align-items:center;display:flex;flex:1 1;font-size:24px;font-weight:700;min-width:0}.sidebar-header .logo img{filter:brightness(1.15) contrast(1.08);height:auto;max-height:48px;max-width:180px;object-fit:contain;object-position:left center;transition:filter .2s ease;width:100%}.sidebar-header .logo img:hover{filter:brightness(1.25) contrast(1.1)}.close-sidebar{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-medium);cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:44px}.close-sidebar:hover{background-color:#ffffff1a;color:#22d3ee;color:var(--secondary-light);transform:scale(1.05)}@media (min-width:768px){.close-sidebar{display:none}}.user-profile{background:#0f172a66;border:1px solid #94a3b814;border-radius:16px;border-radius:var(--radius-lg);margin:0 12px 12px;padding:18px 20px}.user-avatar,.user-profile{align-items:center;display:flex;flex-shrink:0}.user-avatar{background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);border:2px solid #94a3b833;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 14px #0e749059;color:#fff;font-size:18px;font-weight:600;height:48px;justify-content:center;margin-right:14px;width:48px}.user-info{min-width:0;overflow:hidden}.user-name{color:#f1f5f9;color:var(--text-brightest);font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#94a3b8;color:var(--text-medium);font-size:12px;line-height:1.35;opacity:.9;overflow-wrap:break-word;white-space:normal;word-break:break-all}.sidebar-date{background:#0f172a59;border:1px solid #94a3b814;border-bottom-color:#94a3b81a;border-radius:16px;border-radius:var(--radius-lg);flex-shrink:0;margin:0 12px 12px;padding:14px 20px}.date-display{color:#94a3b8;color:var(--text-medium);font-size:12px;letter-spacing:.05em;margin-bottom:4px;opacity:.9;text-transform:uppercase}.time-display{color:#f1f5f9;color:var(--text-brightest);font-size:20px;font-weight:700;letter-spacing:.02em}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 12px 16px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b859}.sidebar-nav ul{display:flex;flex-direction:column;gap:4px}.sidebar-nav li{margin-bottom:0}.sidebar-nav a{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;display:flex;margin:0 4px;min-height:44px;padding:12px 16px 12px 18px;position:relative;transition:color .2s ease,background-color .2s ease,border-radius .2s ease}.sidebar-nav a:hover{background-color:#94a3b81f;color:#f8fafc}.sidebar-nav a:focus-visible{box-shadow:inset 0 0 0 2px #22d3ee;box-shadow:inset 0 0 0 2px var(--secondary-light,#22d3ee);color:#f8fafc;outline:none}.sidebar-nav li.active a{background:linear-gradient(90deg,#0e749033,#94a3b814);border:1px solid #94a3b826;color:#f8fafc;font-weight:600}.sidebar-nav li.active a:before{background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);border-radius:0 4px 4px 0;bottom:0;box-shadow:0 0 12px #0e749073;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{align-items:center;border-radius:8px;color:inherit;display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));font-size:1.2rem;height:28px;justify-content:center;margin-right:14px;min-width:28px;opacity:1;text-align:center;transition:background .2s ease,filter .2s ease;width:28px}.nav-icon svg{color:currentColor;flex-shrink:0}.sidebar-nav a:hover .nav-icon,.sidebar-nav li.active a .nav-icon{background:#0e74902e;filter:drop-shadow(0 0 6px rgba(14,116,144,.25))}.sidebar-footer{background:linear-gradient(0deg,#0f172a80,#0000);border-top:1px solid #94a3b81a;flex-shrink:0;padding:16px 20px 20px}.logout-button{align-items:center;background:#94a3b814;border:1px solid #94a3b81f;border-radius:12px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-medium);display:flex;font-weight:500;justify-content:center;padding:12px 16px;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .2s ease;width:100%}.logout-button:hover{background:#ef444426;border-color:#ef444440;color:#fca5a5}.logout-button:focus-visible{box-shadow:0 0 0 2px #ef444466;outline:none}.main-content{flex:1 1;margin:0 auto;max-width:1680px;padding:80px 24px 24px;width:100%}.welcome-section{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid #94a3b81f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0003;margin-bottom:32px;padding:28px}.welcome-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.welcome-section h1{align-items:center;color:#f8fafc;display:flex;font-size:28px;font-weight:700}.wave-emoji{animation:wave 2.5s infinite;display:inline-block;margin-left:8px;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.welcome-actions{align-items:center;display:flex;gap:16px}.action-button{align-items:center;background:#94a3b814;border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;transition:var(--transition-normal);width:40px}.action-button:hover{background:#94a3b826;border-color:#94a3b833;transform:translateY(-2px)}.action-button:focus-visible{box-shadow:0 0 0 2px #22d3ee;box-shadow:0 0 0 2px var(--secondary-light,#22d3ee);outline:none}.action-icon{font-size:18px}.notification-badge{background-color:#0e7490;background-color:var(--secondary);box-shadow:0 0 0 2px #1e293b;box-shadow:0 0 0 2px var(--bg-darker);height:8px;position:absolute;right:8px;top:8px;width:8px}.notification-badge,.user-avatar-small{border-radius:9999px;border-radius:var(--radius-full)}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);box-shadow:0 0 20px #0f346059;box-shadow:var(--shadow-glow);color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.welcome-section p{color:#94a3b8;font-size:16px}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:linear-gradient(145deg,#1e293bd9,#0f172ae6);border:1px solid #94a3b81f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000002e;display:flex;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;transition:var(--transition-normal)}.stat-card:before{background:#0f3460;background:var(--card-color,var(--primary));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.stat-card:hover{border-color:#94a3b833;box-shadow:0 12px 32px #00000040;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;background:#94a3b81a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;margin-right:20px;position:relative;width:56px;z-index:1}.stat-card:hover .stat-icon{background:#94a3b82e}.stat-info{flex:1 1;min-width:0}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f1f5f9,#1e40af);background:linear-gradient(90deg,var(--text-brightest),var(--card-color,var(--primary-light)));-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-brightest);font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:14px;font-weight:500}.stat-graph{align-items:flex-end;display:flex;gap:4px;height:40px;margin-left:auto}.graph-bar{background-color:#0f3460;background-color:var(--card-color,var(--primary));border-radius:9999px;border-radius:var(--radius-full);opacity:.7;transition:all .3s ease;transition:var(--transition-normal);width:4px}.stat-card:hover .graph-bar{opacity:1}.dashboard-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;margin-top:8px;padding:28px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#f8fafc;font-size:20px;font-weight:600}.section-actions{display:flex;gap:12px}.section-action{align-items:center;background:#94a3b814;border:1px solid #94a3b826;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease;transition:var(--transition-normal)}.section-action:hover{background:#94a3b826;border-color:#94a3b840;color:#f8fafc;transform:translateY(-2px)}.services-section{background:linear-gradient(145deg,#1e293b80,#0f172a99);border:1px solid #94a3b814;border-radius:16px;border-radius:var(--radius-lg);margin-bottom:32px;padding:28px 24px 32px}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.service-card{align-items:flex-start;background:linear-gradient(145deg,#1e293bd9,#0f172ae6);border:1px solid #94a3b81f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000002e;cursor:pointer;display:flex;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;transition:var(--transition-normal)}.service-card:before{background:#0f3460;background:var(--card-color,var(--primary));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.service-card:hover{border-color:#94a3b838;box-shadow:0 12px 32px #00000040;transform:translateY(-4px)}.service-card:focus-visible{border-color:#22d3ee;border-color:var(--secondary-light,#22d3ee);box-shadow:0 0 0 3px #22d3ee66;outline:none}.stat-card:focus-visible{box-shadow:0 0 0 3px #22d3ee59;outline:none}.service-card:hover:before{opacity:1}.service-icon{align-items:center;background:#94a3b81a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;margin-right:20px;transition:all .3s ease;transition:var(--transition-normal);width:56px}.service-card:hover .service-icon{background:#94a3b82e;transform:scale(1.08)}.service-content{flex:1 1;min-width:0;padding-right:44px}.service-title{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:600;margin-bottom:8px}.service-badge{background:#0f3460;background:var(--card-color,var(--primary));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-left:12px;padding:2px 10px}.service-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.service-arrow{align-items:center;background:#94a3b81f;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--transition-normal);width:36px}.service-card:hover .service-arrow{background-color:#0f3460;background-color:var(--card-color,var(--primary));box-shadow:0 0 15px rgba(#0f3460,.5);box-shadow:0 0 15px rgba(var(--card-color,var(--primary)),.5);color:#fff;transform:translateY(-50%) translateX(4px)}.activity-section{margin-bottom:32px}.activity-list{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid #94a3b81f;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003;overflow:hidden}.activity-item{align-items:flex-start;border-bottom:1px solid #94a3b814;display:flex;padding:20px 24px;position:relative;transition:all .3s ease;transition:var(--transition-normal)}.activity-item:last-of-type{border-bottom:none}.activity-item:hover{background-color:#94a3b80f}.activity-item:before{background:#0f3460;background:var(--activity-color,var(--primary));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;transition:var(--transition-normal);width:4px}.activity-item:hover:before{opacity:1}.activity-icon{align-items:center;background:#ffffff0d;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;margin-right:20px;transition:all .3s ease;transition:var(--transition-normal);width:48px}.activity-item:hover .activity-icon{background:#ffffff1a}.activity-content{flex:1 1;min-width:0}.activity-text{color:#39f;font-size:15px;margin-bottom:6px}.activity-time{color:#64748b;color:var(--text-dim);font-size:13px}.activity-more{border-top:1px solid #ffffff0d;display:flex;justify-content:center;padding:16px 24px}.more-button{background:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-medium);font-size:14px;padding:10px 20px;transition:all .3s ease;transition:var(--transition-normal);width:100%}.more-button:hover{background:#ffffff1a;color:#f1f5f9;color:var(--text-brightest)}.floating-qr-button{align-items:center;background:linear-gradient(135deg,#0e7490,#0f3460);border:none;border-radius:999px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 8px 24px #0e749066,0 0 0 1px #ffffff14;color:#fff;cursor:pointer;display:flex;gap:10px;height:56px;justify-content:center;overflow:hidden;padding:0 20px 0 0;position:fixed;right:max(24px,env(safe-area-inset-right));transition:width .3s cubic-bezier(.4,0,.2,1),transform .25s ease,box-shadow .25s ease,padding .3s ease;width:56px;z-index:500}.floating-qr-button:hover{box-shadow:0 12px 32px #0e749080,0 0 0 1px #ffffff1f;padding:0 20px 0 0;transform:translateY(-3px);width:140px}.floating-qr-button:active{transform:translateY(-1px)}.floating-qr-icon{align-items:center;background:#ffffff26;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:56px;justify-content:center;min-height:56px;min-width:56px;width:56px}.floating-qr-label{font-size:14px;font-weight:600;letter-spacing:.02em;max-width:0;opacity:0;overflow:hidden;transition:opacity .25s ease,max-width .3s ease;white-space:nowrap}.floating-qr-button:hover .floating-qr-label{max-width:80px;opacity:1}.modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#1e293b,#151c28);background:linear-gradient(180deg,var(--bg-darker) 0,#151c28 100%);border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 24px 48px #0006,0 0 0 1px #94a3b814;max-width:420px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(180deg,#1e293b66,#0000);border-bottom:1px solid #94a3b81a;justify-content:space-between;padding:22px 24px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#f1f5f9;color:var(--text-brightest);font-size:19px;font-weight:600;gap:10px;letter-spacing:.01em}.close-modal{align-items:center;background:#ffffff0d;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-medium);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;transition:var(--transition-normal);width:32px}.close-modal:hover{background:#ffffff1a;color:#f1f5f9;color:var(--text-brightest)}.modal-description{color:#94a3b8;color:var(--text-medium);font-size:14px;line-height:1.5;padding:16px 24px 0}.qr-container{align-items:center;background:linear-gradient(180deg,#0f172a99,#0f172a66);border:1px solid #94a3b81f;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff08;display:flex;flex-direction:column;justify-content:center;margin:20px 24px 24px;padding:28px 24px}.qr-image{background-color:#fff;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 8px 24px #00000040;height:auto;max-width:220px;padding:16px;width:100%}.modal-actions{background:linear-gradient(0deg,#0f172a4d,#0000);border-top:1px solid #94a3b81a;display:flex;gap:12px;padding:18px 24px 24px}.cancel-button,.download-button{border-radius:12px;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;text-align:center;transition:all .3s ease;transition:var(--transition-normal)}.cancel-button{background:#ffffff0d;color:#94a3b8;color:var(--text-medium)}.cancel-button:hover{background:#ffffff1a;color:#f1f5f9;color:var(--text-brightest)}.download-button{background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#fff}.download-button:hover{background:linear-gradient(135deg,#0c2440,#0c4a6e);background:var(--gradient-hover);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.qr-card-overlay{align-items:center;animation:qrOverlayIn .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172abf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes qrOverlayIn{0%{opacity:0}to{opacity:1}}.qr-card{animation:qrCardIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#1e293b,#172033);border-radius:24px;box-shadow:0 32px 64px #00000073,0 0 0 1px #94a3b81a;max-width:340px;overflow:visible;padding:0 0 24px;position:relative;width:100%}@keyframes qrCardIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-card-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease,transform .2s ease;width:36px;z-index:2}.qr-card-close:hover{background:#ffffff26;color:#f1f5f9;transform:scale(1.05)}.qr-card-accent{background:linear-gradient(90deg,#22d3ee,#0e7490);border-radius:999px;height:5px;margin:28px auto 0;width:80px}.qr-card-title{color:#f8fafc;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:16px 24px 4px;text-align:center}.qr-card-desc{color:#94a3b8;font-size:13px;line-height:1.4;margin:0 24px 20px;text-align:center}.qr-card-frame{align-items:center;background:#fff;border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff80;display:flex;justify-content:center;margin:0 24px 24px;padding:20px}.qr-card-image{border-radius:8px;display:block;height:auto;max-width:200px;width:100%}.qr-card-actions{display:flex;gap:12px;padding:0 24px}.qr-card-btn,.qr-card-btn-primary{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.qr-card-btn{background:#ffffff0f;border:1px solid #94a3b833;color:#94a3b8}.qr-card-btn:hover{background:#ffffff1a;color:#f1f5f9}.qr-card-btn-primary{background:linear-gradient(135deg,#0e7490,#0f3460);box-shadow:0 4px 14px #0e749066;color:#fff}.qr-card-btn-primary:hover{box-shadow:0 6px 20px #0e749080;transform:translateY(-2px)}@media (min-width:768px){.mobile-header{display:none}.sidebar{transform:translateX(0)}.main-content{margin-left:280px;padding:32px;width:calc(100% - 280px)}.stats-container{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:991px){.service-icon{font-size:26px;height:52px;margin-right:16px;width:52px}.service-title{font-size:17px}.service-description{font-size:13px}.service-arrow{font-size:17px;height:34px;right:20px;width:34px}}@media (min-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:847px){.services-grid,.stats-container{grid-template-columns:1fr}}@media (max-width:767px){.sidebar{max-width:100%;width:min(300px,85vw)}.main-content{padding-left:12px;padding-right:12px;padding-top:calc(116px + env(safe-area-inset-top, 0px))}.mobile-header{gap:14px;min-height:64px;padding:max(14px,env(safe-area-inset-top)) 16px 14px}.mobile-header .mobile-logo img{height:48px;max-height:52px;max-width:240px;min-height:42px}.menu-toggle{min-height:48px;min-width:48px;padding:12px 11px}.menu-toggle span{height:3px;width:24px}.mobile-header .user-avatar{font-size:1.05rem;height:44px;min-height:44px;min-width:44px;width:44px}.stats-container{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.stat-icon{font-size:24px;height:48px;margin-right:1rem;width:48px}.welcome-section{padding:24px 16px}.welcome-header{align-items:flex-start;flex-direction:column;gap:1rem}.welcome-section h1{font-size:2rem}.welcome-actions{flex-wrap:wrap;gap:12px}.action-button{height:36px;width:36px}.action-icon{font-size:16px}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-header h2{font-size:1.125rem}.section-actions{flex-wrap:wrap}.section-action{font-size:13px;padding:6px 12px}.dashboard-grid{gap:1rem}.service-card{padding:1.25rem}.service-icon{font-size:22px;height:46px;margin-right:.875rem;width:46px}.service-title{font-size:.9375rem}.service-description{font-size:12px;white-space:normal}.service-arrow{font-size:14px;height:30px;right:14px;width:30px}.service-content{padding-right:38px}.services-grid{gap:1rem}.activity-item{padding:16px 20px}.activity-icon{font-size:20px;height:42px;margin-right:16px;width:42px}.activity-text{font-size:14px}.notifications-popup{max-width:calc(100vw - 2rem);right:10px;top:70px;width:280px}}@media (max-width:480px){.mobile-header{gap:10px;min-height:56px;padding:max(10px,env(safe-area-inset-top)) 12px 10px}.mobile-header .mobile-logo img{height:48px;max-height:52px;max-width:240px;min-height:42px}.menu-toggle{min-height:48px;min-width:48px;padding:10px}.menu-toggle span{height:3px;width:24px}.mobile-header .user-avatar{font-size:.9rem;height:40px;min-height:40px;min-width:40px;width:40px}.main-content{padding-left:10px;padding-right:10px;padding-top:calc(108px + env(safe-area-inset-top, 0px))}.welcome-section p{font-size:14px}.activity-section h2,.services-section h2{font-size:18px}.services-grid{gap:16px;grid-template-columns:1fr}.stats-container{gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.35rem}.stat-label{font-size:.8125rem}.stat-icon{font-size:22px;height:44px;margin-right:.75rem;width:44px}.stat-graph{display:none}.welcome-section{padding:1rem}.welcome-section h1{font-size:1.5rem;line-height:1.3}.section-header h2{font-size:1rem}.section-header{gap:.75rem}.section-action{font-size:12px;padding:6px 10px}.service-card{padding:1rem}.service-icon{font-size:20px;height:40px;margin-right:.625rem;width:40px}.service-title{font-size:.875rem}.service-description{font-size:11px}.service-arrow{font-size:12px;height:26px;right:10px;width:26px}.service-content{padding-right:32px}.activity-item{padding:12px 16px}.activity-icon{font-size:18px;height:38px;margin-right:12px;width:38px}.activity-text,.more-button{font-size:13px}.more-button{padding:8px 16px}.logout-button{font-size:14px;min-height:48px;padding:12px 20px}.notifications-popup{max-height:80vh;right:0;width:calc(100vw - 2rem)}.floating-qr-button{bottom:1rem;height:48px;right:1rem;width:48px}}@media (max-width:360px){.mobile-header .mobile-logo img{height:48px;max-height:52px;max-width:240px;min-height:42px}.mobile-header .user-avatar{font-size:.875rem;height:38px;min-height:38px;min-width:38px;width:38px}.welcome-section{padding:.75rem}.welcome-section h1{font-size:1.25rem}.section-header h2{font-size:.9375rem}.section-action{font-size:11px;padding:5px 8px}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-icon{font-size:20px;height:40px;width:40px}.service-card{padding:.75rem}.service-icon{font-size:18px;height:36px;margin-right:.5rem;width:36px}.service-title{font-size:.8125rem}.service-description{font-size:11px}.service-arrow{font-size:11px;height:24px;right:8px;width:24px}.service-content{padding-right:28px}.activity-item{padding:10px 12px}.activity-icon{font-size:16px;height:34px;margin-right:10px;width:34px}.activity-text{font-size:12px}.logout-button{font-size:13px;padding:10px 16px}}.notifications-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notifications-popup{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 20px #00000080;color:#fff;font-family:Segoe UI,sans-serif;max-height:420px;overflow-x:hidden;overflow-y:auto;position:fixed;right:20px;top:120px;width:340px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{align-items:center;background:#ffffff0f;border-bottom:1px solid #ffffff1a;display:flex;font-weight:600;justify-content:space-between;padding:12px 18px}.close-notifications{background:#0000;border:none;color:#ccc;cursor:pointer;font-size:20px;transition:color .2s ease}.close-notifications:hover{color:#fff}.notification-item{border-bottom:1px solid #ffffff12;padding:12px 18px;transition:background .2s ease}.notification-item:hover{background:#ffffff0d}.notif-text{display:block;font-size:14px;margin-bottom:4px}.notif-time{color:#aaa;font-size:12px}.modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#0d1226cc!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.modal-container{animation:modalFadeIn .3s ease-out!important;background-color:#1a2035!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 10px 25px #0000004d!important;max-width:90%!important;overflow:hidden!important;width:450px!important}.modal-header{align-items:center!important;border-bottom:1px solid #ffffff1a!important;display:flex!important;justify-content:space-between!important;padding:20px 24px!important}.modal-header h3{color:#fff!important;font-size:18px!important;font-weight:600!important;margin:0!important}.close-modal{background:#0000!important;border:none!important;color:#8a8d98!important;cursor:pointer!important;font-size:24px!important;line-height:1!important;padding:0!important;transition:color .2s!important}.close-modal:hover{color:#fff!important}.modal-content{padding:24px!important}.form-group{margin-bottom:20px!important}.form-group label{color:#b4b7bd!important;display:block!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important}.form-group input{background-color:#242b42!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;outline:none!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.form-group input:focus{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f133!important}.form-group input::placeholder{color:#6c7293!important}.password-error{background-color:#f871711a!important;border-left:3px solid #f87171!important;border-radius:6px!important;color:#f87171!important;font-size:14px!important;margin-top:12px!important;padding:10px!important}.modal-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 24px 24px!important}.cancel-button{background-color:initial!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#b4b7bd!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 16px!important;transition:all .2s!important}.cancel-button:hover{background-color:#ffffff0d!important;color:#fff!important}.download-button{background:linear-gradient(90deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 6px #6366f133!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s!important}.download-button:hover{box-shadow:0 6px 10px #6366f14d!important;transform:translateY(-2px)!important}.download-button:active{transform:translateY(0)!important}@keyframes modalFadeIn{0%{opacity:0!important;transform:translateY(-20px)!important}to{opacity:1!important;transform:translateY(0)!important}}.delete-notif-button:hover{color:#ff4d4f}.dashboard .form-container,.dashboard .menu-form{background:linear-gradient(145deg,#1e293bfa,#0f172afc);border:1px solid #94a3b81f;box-shadow:0 4px 24px #00000040}.dashboard .menu-form{padding:28px}.dashboard .form-subtitle{color:#f1f5f9;font-size:1.1rem;letter-spacing:.01em;margin:28px 0 18px}.dashboard .form-input,.dashboard .menu-form input[type=number],.dashboard .menu-form input[type=text],.dashboard .menu-form textarea{background:#0f172a99;border:1px solid #94a3b833;color:#e2e8f0;transition:border-color .2s ease,box-shadow .2s ease}.dashboard .menu-form input::placeholder,.dashboard .menu-form textarea::placeholder{color:#64748b}.dashboard .form-input:focus,.dashboard .menu-form input:focus,.dashboard .menu-form textarea:focus{border-color:#22d3ee;border-color:var(--secondary-light,#22d3ee);box-shadow:0 0 0 3px #22d3ee26;outline:none}.dashboard .menu-item{background:#1e293b80;border:1px solid #94a3b826;box-shadow:0 2px 8px #00000026}.dashboard .menu-item-header{border-bottom-color:#94a3b81f}.dashboard .menu-item-title{color:#f1f5f9;font-weight:600}.dashboard .menu-item-options-label{color:#94a3b8}.dashboard .menu-item-options-row .checkbox-label{color:#cbd5e1}.dashboard .allergens-details{background:#0f172a80;border-color:#94a3b826}.dashboard .allergens-details summary{color:#e2e8f0}.dashboard .allergens-details summary:hover{background:#94a3b80f}.dashboard .allergens-badge{background:#94a3b833;color:#94a3b8}.dashboard .allergens-details[open] .allergens-badge{background:#0e7490;background:var(--secondary,#0e7490);color:#f1f5f9}.dashboard .allergens-grid{background:#0000001a;border-top-color:#94a3b81a}.dashboard .allergens-grid .checkbox-label{color:#cbd5e1}.dashboard .menu-item-remove-btn{background:#f871711f;border-color:#f8717159;color:#fca5a5}.dashboard .menu-item-remove-btn:hover{background:#f8717138;border-color:#f8717180;color:#fecaca}.dashboard .add-item-btn{background:#1e293b66;border:1px dashed #94a3b84d;color:#94a3b8}.dashboard .add-item-btn:hover{background:#22d3ee14;border-color:#22d3ee;border-color:var(--secondary-light,#22d3ee);color:#e2e8f0}.dashboard .form-actions .btn-primary{background:linear-gradient(135deg,#0f3460,#0e7490);background:var(--gradient-primary);box-shadow:0 2px 12px #0f346066}.dashboard .form-actions .btn-primary:hover{box-shadow:0 4px 16px #0f346080}.dashboard .preview-images-container{background:#0f172a73;border:1px solid #94a3b81f;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px}.dashboard .preview-images-container h4{color:#94a3b8;font-size:.9375rem;font-weight:600;letter-spacing:.01em;margin-bottom:16px}.dashboard .preview-image-item{background:#00000040;border:1px solid #94a3b826;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashboard .preview-image-item:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.dashboard .preview-image-item .remove-image-btn{align-items:center;background:#0f172ae6;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fca5a5;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .2s ease,transform .15s ease,color .2s ease;width:28px}.dashboard .preview-image-item .remove-image-btn:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.dashboard input[type=checkbox].checkbox-input{accent-color:#0e7490;accent-color:var(--secondary,#0e7490)}.dashboard .image-upload-section small{color:#64748b;font-size:.8rem}.light-loading-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#fff);box-sizing:border-box;flex-direction:column;height:100%;left:0;max-width:100vw;min-height:100dvh;overflow:hidden;padding:24px;position:fixed;top:0;width:100%;z-index:9999}.light-loading-container,.light-loading-logo{align-items:center;display:flex;justify-content:center}.light-loading-logo{-webkit-text-fill-color:#0000;animation:lightPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#0f3460,#0e7490);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:2rem;max-width:100%}.light-loading-container .logo-image,.light-loading-logo img{height:auto;max-width:100%;object-fit:contain}.light-loading-spinner{flex-shrink:0;height:80px;margin-bottom:2rem;position:relative;width:80px}.light-spinner-circle{animation:lightSpin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0f3460;height:100%;position:absolute;width:100%}.light-spinner-circle-inner{animation:lightSpin .8s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#0e7490;height:calc(100% - 20px);left:10px;position:absolute;top:10px;width:calc(100% - 20px)}.light-loading-text{color:#64748b;font-size:1.2rem;font-weight:500;text-align:center}@media (max-width:768px){.light-loading-container{padding:20px 16px}.light-loading-logo{margin-bottom:1.5rem}.light-loading-container .logo-image,.light-loading-logo img{max-width:min(280px,85vw)}.light-loading-spinner{height:56px;margin-bottom:1.5rem;width:56px}.light-loading-text{font-size:1.1rem}}@media (max-width:480px){.light-loading-container{padding:16px 12px}.light-loading-container .logo-image,.light-loading-logo img{max-width:min(220px,80vw)}.light-loading-spinner{height:48px;margin-bottom:1.25rem;width:48px}.light-loading-text{font-size:1rem}}@keyframes lightPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes lightSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.light-dashboard{background:#f8fafc;background-image:linear-gradient(160deg,#fff,#f8fafc 40%,#f1f5f9);color:#1e293b;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.light-sidebar-overlay{animation:lightOverlayFade .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a59;inset:0;position:fixed;z-index:999}@keyframes lightOverlayFade{0%{opacity:0}to{opacity:1}}.light-mobile-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#fff,#f8fafc 50%,#f1f5f9);border-bottom:1px solid #e2e8f0e6;box-shadow:0 4px 24px #0f34600f,0 1px 0 #fffc;box-sizing:border-box;display:none;gap:14px;justify-content:space-between;left:0;min-height:64px;padding:max(14px,env(safe-area-inset-top)) 16px 14px;position:fixed;right:0;top:0;transition:box-shadow .3s ease,background .3s ease;z-index:100}.light-menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:48px;min-width:48px;padding:12px 11px;transition:background .25s ease,transform .2s ease}.light-menu-toggle:hover{background:linear-gradient(135deg,#0f34600f,#0e749014)}.light-menu-toggle:active{background:#0f34601f}.light-menu-toggle span{background:linear-gradient(90deg,#0f3460,#0e7490);border-radius:2px;box-shadow:0 1px 2px #0f346026;height:3px;transition:transform .25s ease,opacity .25s ease;width:24px}.light-menu-toggle:hover span{background:linear-gradient(90deg,#0c4a6e,#0e7490)}.light-mobile-logo .light-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f3460,#0e7490);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.light-mobile-logo{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0;overflow:hidden;padding:0 8px}.light-mobile-logo img{height:48px;max-height:52px;max-width:240px;min-height:42px;object-fit:contain;transition:filter .2s ease;width:auto}.light-mobile-user .light-user-avatar{align-items:center;background:linear-gradient(135deg,#0f3460,#0e7490);border:none;border-radius:50%;box-shadow:0 4px 14px #0f34604d,0 0 0 2px #ffffff80;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:42px;justify-content:center;min-height:42px;min-width:42px;transition:transform .2s ease,box-shadow .2s ease;width:42px}.light-mobile-user .light-user-avatar:hover{box-shadow:0 6px 20px #0f346066,0 0 0 2px #fff9;transform:scale(1.05)}.light-sidebar{background:linear-gradient(180deg,#fff,#fafbfd 50%,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:4px 0 28px #0f34600f,inset -1px 0 0 #e2e8f0cc;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:280px;z-index:1000}.light-sidebar.open{box-shadow:12px 0 40px #0f34601a,inset -1px 0 0 #e2e8f0}.light-sidebar-header{align-items:center;background:linear-gradient(180deg,#fffffff2,#0000);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 20px 18px}.light-logo .light-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f3460,#0e7490);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.light-close-sidebar{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:none;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:all .3s ease}.light-close-sidebar:hover{background:#0f34601a;color:#0f3460}.light-user-profile{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:12px;gap:14px;margin:0 12px 12px;padding:16px 20px}.light-user-avatar,.light-user-profile{align-items:center;display:flex;flex-shrink:0}.light-user-avatar{background:linear-gradient(135deg,#0f3460,#0e7490);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 14px #0f346040;color:#fff;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:48px}.light-user-info{flex:1 1;min-width:0}.light-user-name{color:#1e293b;font-size:15px;font-weight:600;letter-spacing:.01em;margin-bottom:2px}.light-user-email{color:#64748b;font-size:12px;line-height:1.35;overflow-wrap:break-word;white-space:normal;word-break:break-all}.light-sidebar-date{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0cc;border-radius:12px;flex-shrink:0;margin:0 12px 12px;padding:14px 20px;text-align:center}.light-date-display{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.light-time-display{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f3460,#0e7490);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.light-sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 12px 16px}.light-sidebar-nav::-webkit-scrollbar{width:6px}.light-sidebar-nav::-webkit-scrollbar-track{background:#0000}.light-sidebar-nav::-webkit-scrollbar-thumb{background:#0f346026;border-radius:3px}.light-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0f346040}.light-sidebar-nav ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.light-sidebar-nav li{margin:0}.light-sidebar-nav a{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:12px;color:#64748b;display:flex;gap:14px;margin:0 4px;min-height:44px;padding:12px 16px 12px 18px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease}.light-sidebar-nav a:before{background:linear-gradient(135deg,#0f3460,#0e7490);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .25s ease;width:4px}.light-sidebar-nav a:hover{background:linear-gradient(90deg,#0f346014,#0e74900f);color:#0f3460}.light-sidebar-nav a:hover:before{transform:scaleY(1)}.light-sidebar-nav li.active a{background:linear-gradient(90deg,#0f34601f,#0e749014);border:1px solid #0f34601f;color:#0f3460;font-weight:600}.light-sidebar-nav li.active a:before{transform:scaleY(1)}.light-nav-icon{font-size:1.15rem;text-align:center;width:24px}.light-sidebar-footer{background:linear-gradient(0deg,#f8fafcf2,#0000);border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 20px 20px}.light-logout-button{align-items:center;background:linear-gradient(135deg,#0f3460,#0e7490);border:1px solid #0f346033;border-radius:12px;box-shadow:0 4px 14px #0f346040;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:12px;justify-content:center;padding:12px 16px;transition:color .25s ease,background .25s ease,transform .2s ease,box-shadow .25s ease;width:100%}.light-logout-button:hover{background:linear-gradient(135deg,#0c2947,#0c4a6e);box-shadow:0 8px 24px #0f346059;transform:translateY(-2px)}.light-logout-button:focus-visible{box-shadow:0 0 0 2px #0e749080;outline:none}.light-main-content{background:linear-gradient(160deg,#fff,#f8fafc 35%,#f1f5f9);margin-left:280px;min-height:100vh;padding:2rem}.light-welcome-section{margin-bottom:2rem}.light-welcome-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.light-welcome-header h1{color:#0f172a;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.light-wave-emoji{animation:lightWave 2s ease-in-out infinite}@keyframes lightWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.light-welcome-actions{gap:1rem}.light-action-button,.light-welcome-actions{align-items:center;display:flex;position:relative}.light-action-button{background:linear-gradient(135deg,#fff,#f0f9ff);background-clip:padding-box;border:2px solid #0000;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:50px;justify-content:center;transition:all .3s ease;width:50px}.light-action-button:before{background:linear-gradient(135deg,#0f3460,#0e7490);border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;position:absolute}.light-action-button:hover{background:linear-gradient(135deg,#0f3460,#0e7490);box-shadow:0 8px 20px #0f346033;color:#fff;transform:translateY(-2px)}.light-action-icon{font-size:1.2rem;z-index:1}.light-notification-badge{background:linear-gradient(45deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:.75rem;font-weight:700;height:20px;position:absolute;right:-5px;top:-5px;width:20px;z-index:2}.light-notification-badge,.light-theme-toggle-button{align-items:center;display:flex;justify-content:center}.light-theme-toggle-button{background:linear-gradient(135deg,#fff,#f0f9ff);background-clip:padding-box;border:2px solid #0000;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;font-size:1.2rem;height:50px;position:relative;transition:all .3s ease;width:50px}.light-theme-toggle-button:before{background:linear-gradient(135deg,#0f3460,#0e7490);border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;position:absolute}.light-theme-toggle-button:hover{box-shadow:0 8px 20px #0f346033;transform:translateY(-2px)}.light-theme-toggle-button:hover,.light-user-avatar-small{background:linear-gradient(135deg,#0f3460,#0e7490);color:#fff}.light-user-avatar-small{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0f34604d;display:flex;font-weight:700;height:50px;justify-content:center;width:50px}.light-welcome-section p{color:#475569;font-size:1.1rem;line-height:1.5;margin:0}.light-stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.light-stat-card{align-items:center;background:linear-gradient(45deg,#0f34604d,#0e74904d);border:1px solid #d8b4fe;border-radius:20px;border-top:4px solid var(--card-color);box-shadow:0 4px 12px #0e749026;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.light-stat-card:before{background:linear-gradient(135deg,#0e74900d,#a855f70d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.light-stat-card:hover{border-top-width:6px;box-shadow:0 12px 30px #0e749040;transform:translateY(-8px)}.light-stat-card:hover:before{opacity:1}.light-stat-icon{align-items:center;background:linear-gradient(45deg,var(--card-color),#fff3);border-radius:16px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:2rem;justify-content:center;padding:1rem;position:relative;z-index:1}.light-stat-info{flex:1 1;position:relative;z-index:1}.light-stat-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.25rem}.light-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.light-stat-graph{align-items:end;display:flex;gap:3px;height:40px;position:relative;z-index:1}.light-graph-bar{background:linear-gradient(to top,var(--card-color),#ffffff80);border-radius:2px;opacity:.8;transition:all .3s ease;width:4px}.light-stat-card:hover .light-graph-bar{opacity:1;transform:scaleY(1.1)}.light-services-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;overflow:hidden;padding:2rem;position:relative}.light-services-section:before{background:linear-gradient(160deg,#f8fafc80,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.light-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.light-section-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.light-services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.light-service-card{align-items:center;background:linear-gradient(45deg,#0f346040,#0e749040);border:1px solid #f9a8d4;border-left:4px solid var(--card-color);border-radius:20px;box-shadow:0 4px 12px #0f346026;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.light-service-card:before{background:linear-gradient(135deg,#0f34600d,#0e74900d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.light-service-card:hover{border-left-width:6px;box-shadow:0 12px 30px #0f346040;transform:translateY(-5px)}.light-service-card:hover:before{opacity:1}.light-service-card.active{background:linear-gradient(135deg,#0f346026,#0e749026);border-left-color:#0f3460;box-shadow:0 8px 25px #0f34604d}.light-service-icon{align-items:center;background:linear-gradient(45deg,var(--card-color),#fff3);border-radius:16px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:2rem;justify-content:center;padding:1rem;position:relative;z-index:1}.light-service-content{flex:1 1;position:relative;z-index:1}.light-service-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.light-service-description{color:#64748b;font-size:.875rem;margin:0}.light-service-badge{background:linear-gradient(45deg,var(--card-color),#fff3);border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.25rem .5rem}.light-service-arrow{color:var(--card-color);font-size:1.2rem;font-weight:700;position:relative;transition:transform .3s ease;z-index:1}.light-service-card:hover .light-service-arrow{transform:translateX(5px)}.light-floating-qr-button{align-items:center;background:linear-gradient(135deg,#0f3460,#0e7490);border:1px solid #fff3;border-radius:999px;bottom:max(24px,env(safe-area-inset-bottom));box-shadow:0 8px 24px #0f346059,0 2px 8px #00000014;color:#fff;cursor:pointer;display:flex;gap:10px;height:56px;justify-content:center;overflow:hidden;padding:0 20px 0 0;position:fixed;right:max(24px,env(safe-area-inset-right));transition:width .3s cubic-bezier(.4,0,.2,1),transform .25s ease,box-shadow .25s ease,padding .3s ease;width:56px;z-index:1000}.light-floating-qr-button:hover{background:linear-gradient(135deg,#0c2947,#0c4a6e);box-shadow:0 12px 32px #0f346066,0 4px 12px #0000001a;padding:0 20px 0 0;transform:translateY(-3px);width:148px}.light-floating-qr-button:active{transform:translateY(-1px)}.light-floating-qr-button .floating-qr-icon{align-items:center;background:#ffffff2e;border-radius:50%;display:flex;flex-shrink:0;font-size:22px;height:56px;justify-content:center;min-height:56px;min-width:56px;width:56px}.light-floating-qr-button .floating-qr-label{font-size:14px;font-weight:600;letter-spacing:.02em;max-width:0;opacity:0;overflow:hidden;transition:opacity .25s ease,max-width .3s ease;white-space:nowrap}.light-floating-qr-button:hover .floating-qr-label{max-width:80px;opacity:1}.light-modal-overlay{align-items:center;animation:lightModalFadeIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a66;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}@keyframes lightModalFadeIn{0%{opacity:0}to{opacity:1}}.light-modal-container{animation:lightModalSlideIn .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 24px 48px #0f34601f,0 0 0 1px #e2e8f0cc;max-width:420px;overflow:hidden;width:100%}@keyframes lightModalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.light-modal-header{align-items:center;background:linear-gradient(180deg,#f8fafccc,#0000);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:22px 24px}.light-modal-header h3{color:#1e293b;font-size:19px;font-weight:600;letter-spacing:.01em;margin:0}.light-close-modal{align-items:center;background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease;width:40px}.light-close-modal:hover{background:#0f346014;color:#0f3460}.light-modal-description{color:#64748b;font-size:14px;line-height:1.5;margin:0;padding:16px 24px 0}.light-qr-container{align-items:center;background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0e6;border-radius:16px;box-shadow:inset 0 1px 0 #fff9;display:flex;justify-content:center;margin:20px 24px 24px;padding:28px 24px}.light-qr-image{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0f34601a;height:auto;max-width:220px;padding:16px;width:100%}.light-modal-actions{background:linear-gradient(0deg,#f8fafce6,#0000);border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:18px 24px 24px}.light-cancel-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:background .2s ease,color .2s ease,transform .2s ease}.light-cancel-button:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.light-download-button{background:linear-gradient(135deg,#0f3460,#0e7490);border:none;border-radius:12px;box-shadow:0 4px 14px #0f34604d;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:background .25s ease,transform .2s ease,box-shadow .25s ease}.light-download-button:hover{background:linear-gradient(135deg,#0c2947,#0c4a6e);box-shadow:0 8px 24px #0f346059;transform:translateY(-2px)}.qr-card-overlay-light{align-items:center;animation:qrOverlayInLight .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a59;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}@keyframes qrOverlayInLight{0%{opacity:0}to{opacity:1}}.qr-card-light{animation:qrCardInLight .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 32px 64px #0f346026,0 0 0 1px #e2e8f0e6;max-width:340px;overflow:visible;padding:0 0 24px;position:relative;width:100%}@keyframes qrCardInLight{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-card-close-light{align-items:center;background:#0f34600f;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease,transform .2s ease;width:36px;z-index:2}.qr-card-close-light:hover{background:#0f34601f;color:#0f3460;transform:scale(1.05)}.qr-card-accent-light{background:linear-gradient(90deg,#0e7490,#0f3460);border-radius:999px;height:5px;margin:28px auto 0;width:80px}.qr-card-title-light{color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:16px 24px 4px;text-align:center}.qr-card-desc-light{color:#64748b;font-size:13px;line-height:1.4;margin:0 24px 20px;text-align:center}.qr-card-frame-light{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:16px;box-shadow:inset 0 2px 8px #0000000a;display:flex;justify-content:center;margin:0 24px 24px;padding:20px}.qr-card-image-light{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;display:block;height:auto;max-width:200px;padding:8px;width:100%}.qr-card-actions-light{display:flex;gap:12px;padding:0 24px}.qr-card-btn-light,.qr-card-btn-primary-light{border-radius:14px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.qr-card-btn-light{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.qr-card-btn-light:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.qr-card-btn-primary-light{background:linear-gradient(135deg,#0f3460,#0e7490);border:none;box-shadow:0 4px 14px #0f34604d;color:#fff}.qr-card-btn-primary-light:hover{box-shadow:0 6px 20px #0f346066;transform:translateY(-2px)}.light-notifications-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.light-notifications-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:400px;overflow-y:auto;position:fixed;right:20px;top:120px;width:320px;z-index:1000}.light-notifications-header{align-items:center;background:linear-gradient(135deg,#ffffffe6,#fdf2f8e6);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#1e293b;display:flex;font-weight:700;justify-content:space-between;padding:1rem}.light-close-notifications{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.2rem;padding:8px;transition:all .3s ease}.light-close-notifications:hover{background:#0f34601a;color:#0f3460}.light-notification-item{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:all .3s ease}.light-notification-item:hover{background:linear-gradient(135deg,#0f346005,#0e749005)}.light-notification-item:last-child{border-bottom:none;border-radius:0 0 16px 16px}.light-notif-text{color:#1e293b;font-size:.875rem;line-height:1.4;padding-right:2rem}.light-notif-time{color:#64748b;font-size:.75rem}.light-delete-notif-button{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:24px}.light-delete-notif-button:hover{background:#ef44441a;color:#ef4444}.light-copyright{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#f0f9ff)!important;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #0f346014;color:#1e293b!important;font-size:13px;line-height:1.5;padding:16px 12px;text-align:center;width:100%}.light-copyright p{margin:0}.light-copyright a{color:#0f3460;margin-left:4px;text-decoration:none;transition:color .3s ease}.light-copyright a:hover{color:#0e7490}@media (max-width:768px){.light-mobile-header{display:flex}.light-sidebar{transform:translateX(-100%);width:min(300px,85vw);z-index:1001}.light-sidebar.open{box-shadow:8px 0 32px #00000026;transform:translateX(0)}.light-close-sidebar{display:flex}.light-main-content{margin-left:0;padding:calc(116px + env(safe-area-inset-top, 0px)) 16px 1rem}.light-welcome-header{align-items:flex-start;flex-direction:column;gap:1rem}.light-welcome-header h1{font-size:2rem}.light-services-grid,.light-stats-container{grid-template-columns:1fr}.light-floating-qr-button{bottom:1rem;font-size:1.2rem;height:50px;right:1rem;width:50px}.light-notifications-popup{position:fixed;right:10px;top:120px;width:280px}}@media (max-width:480px){.light-welcome-header h1{font-size:1.5rem}.light-service-card,.light-stat-card{padding:1rem}.light-modal-container{padding:1.5rem}.light-notifications-popup{position:fixed;right:0;top:120px;width:calc(100vw - 2rem)}}.light-notifications-popup::-webkit-scrollbar{width:6px}.light-notifications-popup::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.light-notifications-popup::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f3460,#0e7490);border-radius:3px}.light-notifications-popup::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#db2777,#7c3aed)}.light-action-button:focus,.light-close-notifications:focus,.light-delete-notif-button:focus,.light-theme-toggle-button:focus{outline:2px solid #0f3460;outline-offset:2px}.light-dashboard button,.light-main-content button{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10}.light-dashboard button:disabled,.light-main-content button:disabled{cursor:not-allowed!important;opacity:.6;pointer-events:none!important}.light-services-section button{pointer-events:auto!important;position:relative;z-index:10!important}.light-dashboard input,.light-main-content input,.light-services-section input{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10}.light-dashboard input[type=date],.light-main-content input[type=date],.light-services-section input[type=date]{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10!important}.light-dashboard select,.light-main-content select,.light-services-section select{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:10}.light-dashboard input[type=datetime-local],.light-dashboard input[type=email],.light-dashboard input[type=number],.light-dashboard input[type=text],.light-dashboard textarea{cursor:text!important}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.novotel-v2-app{background-color:#f5f5f5;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.novotel-v2-app :focus{outline:none}.novotel-v2-app [role=button]:focus-visible,.novotel-v2-app a:focus-visible,.novotel-v2-app button:focus-visible{border-radius:4px;outline:2px solid #002984;outline-offset:3px}.novotel-v2-app .novotel-v2-dot:focus-visible,.novotel-v2-app .novotel-v2-hero-dot:focus-visible{outline:2px solid #002984;outline-offset:2px}@media (prefers-reduced-motion:reduce){.novotel-v2-app *,.novotel-v2-app :after,.novotel-v2-app :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.novotel-v2-app{-webkit-tap-highlight-color:rgba(0,41,132,.12);padding-bottom:env(safe-area-inset-bottom,0)}.novotel-v2-hero{background-position:50%;background-size:cover;height:100vh;position:relative;width:100%}.novotel-v2-hero:before{background:linear-gradient(135deg,#0000004d,#00000080);bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;z-index:1}.novotel-v2-hero-overlay{background:linear-gradient(180deg,#0000004d,#00000080);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));position:absolute;right:0;top:0;z-index:2}.novotel-v2-hero-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.novotel-v2-hero-header-right{align-items:center;display:flex;gap:.75rem;height:40px}.language-selector{align-items:center;display:flex;height:100%;position:relative;z-index:20}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:none;border-radius:999px;box-shadow:0 4px 12px #0f172a4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.language-toggle:hover{background:#0f172af2;transform:translateY(-1px)}.language-flag{border-radius:2px;height:15px;object-fit:cover;width:20px}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-top:6px;min-width:170px;padding:8px 0;position:absolute;right:0;top:100%;z-index:50}.language-option{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.language-option:hover{background:#94a3b84d}.language-option.active{background:#3b82f680}.flag-small{border-radius:2px;height:15px;object-fit:cover;width:20px}.dark-mode-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;transition:all .3s ease;width:40px}.dark-mode-toggle:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 12px #0000004d;transform:scale(1.08)}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode-toggle svg{height:20px;width:20px}.dark-mode .language-toggle{background:#1e293be6}.dark-mode .language-toggle:hover{background:#1e293b}.dark-mode .language-dropdown{background:#0f172afa}.dark-mode .dark-mode-toggle{background:#fff3;border-color:#ffffff4d;color:#fff}.dark-mode .dark-mode-toggle:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}.novotel-v2-hero-date-time{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:radial-gradient(circle at top left,#0f172ae0,#0f172ab3);border-radius:999px;box-shadow:0 8px 18px #0f172a73;display:flex;font-size:13px;gap:8px;padding:6px 12px}.novotel-v2-hero-meta-item{align-items:center;display:flex;gap:6px;white-space:nowrap}.novotel-v2-hero-meta-icon{align-items:center;color:#fff;display:inline-flex;height:18px;justify-content:center;width:18px}.novotel-v2-hero-meta-icon svg{height:16px;width:16px}.novotel-v2-hero-meta-text{color:#fff}.novotel-v2-hero-meta-divider{background:#fff9;height:18px;width:1px}.novotel-v2-hero-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.novotel-v2-hero-logo{color:#fff;font-size:42px;font-weight:700;letter-spacing:4px;margin-bottom:10px}.novotel-v2-hero-text{color:#fff;font-size:18px}.novotel-v2-hero-scroll{align-items:center;animation:bounce 2.5s ease-in-out infinite;cursor:pointer;display:flex;flex-direction:column;margin-bottom:40px}.novotel-v2-scroll-text{color:#fff;font-size:14px;letter-spacing:2px;margin-bottom:5px}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-3px)}}.novotel-v2-hero-slide,.novotel-v2-hero-slideshow{height:100%;left:0;position:absolute;top:0;width:100%}.novotel-v2-hero-slide{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;content-visibility:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;opacity:0;transform:scale(1.05) translateZ(0);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.novotel-v2-hero-slide.active{opacity:1;transform:scale(1) translateZ(0)}.novotel-v2-slide-nav-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:10}.novotel-v2-hero:hover .novotel-v2-slide-nav-btn{opacity:1;pointer-events:auto}.novotel-v2-slide-nav-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.novotel-v2-slide-nav-btn:active{transform:translateY(-50%) scale(.95)}.novotel-v2-slide-nav-prev{left:20px}.novotel-v2-slide-nav-next{right:20px}.novotel-v2-slide-nav-btn svg{height:24px;width:24px}.novotel-v2-hero-dots{bottom:100px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.novotel-v2-hero-dot{background-color:#fff6;border:2px solid #0000;border-radius:50%;cursor:pointer;height:10px;transition:all .3s cubic-bezier(.4,0,.2,1);width:10px}.novotel-v2-hero-dot:hover{background-color:#ffffffb3;transform:scale(1.2)}.novotel-v2-hero-dot.active{background-color:#fff;border-radius:5px;transform:scale(1);width:24px}.novotel-v2-slide-nav-btn-small{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#002984;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;z-index:5}.novotel-v2-commitment-slideshow-container:hover .novotel-v2-slide-nav-btn-small{opacity:1;pointer-events:auto}.novotel-v2-slide-nav-btn-small:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.15)}.novotel-v2-slide-nav-btn-small:active{transform:translateY(-50%) scale(.95)}.novotel-v2-slide-nav-prev-small{left:10px}.novotel-v2-slide-nav-next-small{right:10px}.novotel-v2-slide-nav-btn-small svg{height:20px;width:20px}.novotel-v2-header{align-items:center;background-color:#f5f5f5;display:flex;justify-content:space-between;padding:15px 20px}.novotel-v2-logo img{height:30px}.novotel-v2-lang{align-items:center;background-color:#eee;border-radius:20px;display:flex;gap:5px;padding:5px 15px}.novotel-v2-flag{height:15px;object-fit:cover;width:20px}.novotel-v2-main{flex:1 1;max-width:100%;overflow-x:hidden;padding-bottom:calc(58px + env(safe-area-inset-bottom, 0));transition:background .3s ease;width:100%}.dark-mode .novotel-v2-app{background-color:#0f172a;color:#e2e8f0}.dark-mode .novotel-v2-main{background:radial-gradient(circle at top,#1e293b 0,#0f172a 45%,#020617 100%)}.dark-mode .novotel-v2-feature-card{background-color:#1e293b;box-shadow:0 8px 20px #0006}.dark-mode .novotel-v2-feature-card:hover{box-shadow:0 12px 28px #00000080}.dark-mode .novotel-v2-commitment-banner{background-color:#1e293b}.dark-mode .novotel-v2-commitment-content{background:none}.dark-mode .novotel-v2-social-icon{border-color:#00298480;color:#60a5fa}.dark-mode .novotel-v2-social-icon:hover{background-color:#0029844d;color:#93c5fd}.dark-mode .novotel-v2-copyright{color:#cbd5e1}.dark-mode .novotel-v2-copyright a{color:#93c5fd}.dark-mode .novotel-v2-footer{background-color:#0f172afa;border-top:1px solid #1e293b80}.dark-mode .novotel-v2-nav-item{color:#cbd5e1}.dark-mode .novotel-v2-nav-item svg{color:inherit}.dark-mode .novotel-v2-nav-item.active,.dark-mode .novotel-v2-nav-item:hover{color:#60a5fa}.dark-mode .novotel-v2-dot{background-color:#60a5fa4d}.dark-mode .novotel-v2-dot.active{background-color:#60a5fa}.dark-mode .novotel-v2-dot:hover{background-color:#60a5fa99}.dark-mode .novotel-v2-popup{background-color:#1e293b;border:1px solid #47556980}.dark-mode .novotel-v2-popup-title{color:#93c5fd}.dark-mode .novotel-v2-popup-content{color:#cbd5e1}.dark-mode .novotel-v2-popup-counter{color:#94a3b8}.dark-mode .novotel-v2-popup-close{background:#1e293be6;color:#e2e8f0}.dark-mode .novotel-v2-popup-close:hover{background:#334155;color:#fff}.dark-mode .novotel-v2-popup-nav-btn{background:#60a5fa33;color:#93c5fd}.dark-mode .novotel-v2-popup-nav-btn:hover{background:#2563eb;color:#fff}.novotel-v2-main-content{scroll-margin-top:0}.novotel-v2-banner{background-color:initial;background-position:50%;background-size:cover;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:180px;justify-content:space-between;margin:10px;padding:20px;position:relative;transition:transform .2s ease}.novotel-v2-banner:hover{transform:scale(1.02)}.novotel-v2-banner-content{padding:10px}.novotel-v2-banner h1{font-size:28px;font-weight:700;line-height:1.1;margin:0}.novotel-v2-banner h2{font-size:18px;font-weight:400;margin:5px 0 10px}.novotel-v2-banner p{font-size:12px;margin:0;opacity:.9}.novotel-v2-banner-dots{display:flex;gap:5px;justify-content:center;margin-top:10px}.novotel-v2-dot{background-color:#00298466;border:none;border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:8px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:8px}.novotel-v2-dot.active{background-color:#002984;border-radius:50%;height:10px;width:10px}.novotel-v2-dot:hover{background-color:#002984b3;transform:scale(1.2)}.novotel-v2-feature-cards-container{-webkit-overflow-scrolling:touch;overflow:visible;padding:20px 0 8px;position:relative}.novotel-v2-feature-nav-btn{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #0f172a40;color:#002984;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);width:36px;z-index:4}.novotel-v2-feature-nav-btn:hover{background:#fff;box-shadow:0 4px 14px #0f172a4d;transform:translateY(-50%) scale(1.08)}.novotel-v2-feature-nav-btn:active{transform:translateY(-50%) scale(.96)}.novotel-v2-feature-nav-prev{left:8px}.novotel-v2-feature-nav-next{right:8px}.novotel-v2-feature-nav-btn svg{height:20px;width:20px}@media (max-width:768px){.novotel-v2-feature-nav-btn{display:none}}.novotel-v2-feature-cards{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:12px 16px;scroll-behavior:smooth;scroll-snap-type:x mandatory;will-change:transform}.novotel-v2-feature-cards::-webkit-scrollbar{height:12px}.novotel-v2-feature-cards::-webkit-scrollbar-track{background-color:#e8ecf2;border-radius:999px;margin:0 12px}.novotel-v2-feature-cards::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#002984,#003daa);border:2px solid #e8ecf2;border-radius:999px}.dark-mode .novotel-v2-feature-cards{scrollbar-color:#60a5fa}.dark-mode .novotel-v2-feature-cards::-webkit-scrollbar-track{background-color:#0c1326;border-radius:999px;margin:0 12px}.dark-mode .novotel-v2-feature-cards::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#002984,#003daa);border-color:#0c1326}.novotel-v2-feature-cards:active{cursor:grabbing}.novotel-v2-feature-card{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#0b1120;border:1px solid #00000014;border-radius:20px;box-shadow:none;content-visibility:auto;cursor:pointer;flex:0 0 auto;height:200px;max-width:280px;min-width:200px;overflow:hidden;position:relative;scroll-snap-align:center;scroll-snap-stop:always;transform:translateZ(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .2s ease;width:calc(33.333vw - 32px);will-change:transform}.novotel-v2-feature-card:hover{border-color:#00298440;box-shadow:none;transform:scale(1.04) translateY(-6px)}.novotel-v2-feature-card:hover .novotel-v2-feature-image img{transform:scale(1.08)}.novotel-v2-feature-card:active{box-shadow:none;transform:scale(1.02) translateY(-2px)}.novotel-v2-feature-card.active{border-color:#00298459;box-shadow:none;transform:scale(1.05) translateY(-8px)}.novotel-v2-feature-card:not(.active){opacity:.92}.novotel-v2-feature-card:focus-visible{border-radius:20px;outline:2px solid #002984;outline-offset:3px}.dark-mode .novotel-v2-feature-card{border-color:#ffffff0f;box-shadow:0 4px 18px #00000059}.dark-mode .novotel-v2-feature-card:hover{border-color:#60a5fa4d;box-shadow:0 12px 36px #00000073}.dark-mode .novotel-v2-feature-card.active{border-color:#60a5fa66;box-shadow:0 18px 44px #00000080}.dark-mode .novotel-v2-feature-card:focus-visible{outline-color:#60a5fa}@media (max-width:768px){.novotel-v2-feature-card.active{transform:scale(1.03) translateY(-4px)}.novotel-v2-feature-card:not(.active){opacity:1}}.novotel-v2-feature-image{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.novotel-v2-feature-image img{display:block;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:100%}.novotel-v2-feature-title{background:linear-gradient(0deg,#000000e0 0,#0000008c 45%,#0000);bottom:0;color:#fff;font-size:20px;font-weight:600;left:0;letter-spacing:.02em;line-height:1.25;padding:28px 18px 18px;pointer-events:none;position:absolute;right:0;text-shadow:0 1px 2px #000c;transition:padding .25s ease,background .25s ease}.novotel-v2-feature-card:hover .novotel-v2-feature-title{background:linear-gradient(0deg,#000000eb 0,#00000080 50%,#0000);padding:32px 18px 20px}.novotel-v2-feature-card:after{background:linear-gradient(90deg,#0000,#00298499,#0000);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .25s ease}.novotel-v2-feature-card.active:after,.novotel-v2-feature-card:hover:after{opacity:1}.dark-mode .novotel-v2-feature-card:after{background:linear-gradient(90deg,#0000,#60a5fab3,#0000)}.novotel-v2-feature-dots{display:flex;gap:5px;justify-content:center;margin:15px 0}.novotel-v2-commitment-slideshow-container{margin:20px 10px;position:relative}.novotel-v2-commitment-slideshow{border-radius:15px;height:300px;overflow:hidden;position:relative}.novotel-v2-commitment-banner{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:initial;background-position:50%;background-size:cover;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:flex-end;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;top:0;transform:scale(1.02) translateZ(0);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);width:100%;will-change:opacity,transform}.novotel-v2-commitment-banner.active{opacity:1;pointer-events:auto;transform:scale(1) translateZ(0)}.novotel-v2-feedback-banner{background-color:#1e2a35}.novotel-v2-feedback-banner .novotel-v2-commitment-content{display:none}.novotel-v2-commitment-banner:hover{transform:scale(1.01) translateZ(0)}.novotel-v2-commitment-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;padding:10px}.novotel-v2-commitment-banner h2{font-size:28px;font-weight:700;line-height:1.1;margin:0}.novotel-v2-commitment-banner p{font-size:16px;margin:5px 0 0;opacity:.9}.novotel-v2-commitment-description{display:block;font-size:12px;margin-top:5px;opacity:.8}.novotel-v2-commitment-dots{display:flex;gap:5px;justify-content:center;margin-top:15px}.novotel-v2-social{display:flex;gap:20px;justify-content:center;margin:20px 0}.novotel-v2-social-icon{align-items:center;border:1px solid #002984;border-radius:50%;color:#002984;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:1}.novotel-v2-social-icon:hover{background-color:#002984;color:#fff;transform:scale(1.1)}.novotel-v2-social-icon svg{height:20px;width:20px}.novotel-v2-copyright{color:#444;font-size:14px;margin:10px 0 20px;text-align:center}.novotel-v2-copyright a{color:#002984;margin-left:5px;text-decoration:none}.novotel-v2-footer{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-around;left:0;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));position:fixed;right:0;z-index:10}.novotel-v2-nav-item{align-items:center;border-radius:8px;box-sizing:border-box;color:#444;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:2px;min-height:40px;padding:4px 6px;text-decoration:none;transition:color .3s ease}button.novotel-v2-nav-item{background:#0000;border:none;font:inherit}.novotel-v2-nav-item svg{height:20px;margin-bottom:2px;width:20px}.novotel-v2-nav-item.active{color:#002984}.novotel-v2-nav-item:focus-visible{border-radius:8px;outline:2px solid #002984;outline-offset:2px}.novotel-v2-nav-item:hover{color:#002984}.novotel-v2-popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.novotel-v2-popup-overlay.active{opacity:1;visibility:visible}.novotel-v2-popup{background-color:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;opacity:0;overflow:hidden;position:relative;transform:translateY(30px);transition:transform .4s ease,opacity .4s ease;width:90%}.novotel-v2-popup-overlay.active .novotel-v2-popup{opacity:1;transform:translateY(0)}.novotel-v2-popup-image{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;max-height:60vh;overflow:hidden;width:100%}.novotel-v2-popup-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:35px;z-index:10}.novotel-v2-popup-close:hover{background-color:#fff;transform:scale(1.1)}.novotel-v2-popup-content-wrapper{padding:30px;text-align:center}.novotel-v2-popup-title{color:#002984;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:15px}.novotel-v2-popup-content{color:#374151;font-size:16px;line-height:1.5;margin-bottom:25px}.novotel-v2-popup-button{background:linear-gradient(135deg,#002984,#06c);border-radius:50px;box-shadow:0 4px 15px #0029844d;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.novotel-v2-popup-button:hover{box-shadow:0 6px 20px #00298466;transform:translateY(-2px)}.novotel-v2-popup-nav{gap:12px;margin-top:20px}.novotel-v2-popup-nav,.novotel-v2-popup-nav-btn{align-items:center;display:flex;justify-content:center}.novotel-v2-popup-nav-btn{background:#0029841a;border:none;border-radius:50%;color:#002984;cursor:pointer;font-size:18px;height:32px;outline:none;transition:all .2s ease;width:32px}.novotel-v2-popup-nav-btn:hover{background:#002984;color:#fff;transform:translateY(-1px)}.novotel-v2-popup-counter{color:#4b5563;font-size:14px}.novotel-v2-popup-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.novotel-v2-popup-dot{background:#0029844d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:transform .2s ease,background .2s ease;width:8px}.novotel-v2-popup-dot.active{background:#002984;transform:scale(1.2)}.novotel-v2-popup-dot:focus-visible{outline:2px solid #002984;outline-offset:2px}.rtl .novotel-v2-slide-nav-prev{left:auto;right:20px}.rtl .novotel-v2-slide-nav-next{left:20px;right:auto}.rtl .novotel-v2-slide-nav-prev-small{left:auto;right:10px}.rtl .novotel-v2-slide-nav-next-small{left:10px;right:auto}@media (max-width:768px){.novotel-v2-hero-overlay{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.novotel-v2-hero-logo{font-size:36px;letter-spacing:2px}.novotel-v2-hero-text{font-size:16px}.novotel-v2-hero-card{padding:16px 20px}.novotel-v2-banner{border-radius:14px;height:160px;margin:12px 16px}.novotel-v2-banner h1{font-size:24px}.novotel-v2-banner h2{font-size:16px}.novotel-v2-commitment-slideshow-container{margin:16px}.novotel-v2-commitment-slideshow{border-radius:14px;height:180px}.novotel-v2-commitment-banner h2{font-size:24px}.novotel-v2-commitment-banner p{font-size:14px}.novotel-v2-feature-cards-container{padding:16px 0}.novotel-v2-feature-title{font-size:20px;padding:20px 12px 12px}.novotel-v2-footer{padding:5px 4px max(5px,env(safe-area-inset-bottom))}.novotel-v2-nav-item{font-size:10px;gap:1px;min-height:38px;padding:3px 4px}.novotel-v2-nav-item svg{height:18px;margin-bottom:1px;width:18px}.novotel-v2-main{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0))}.novotel-v2-hero-header-right{gap:.5rem;height:36px}.language-toggle{font-size:13px;height:36px;padding:6px 10px}.dark-mode-toggle{height:36px;min-height:36px;min-width:36px;width:36px}}@media (max-width:480px){.novotel-v2-hero-header-right{gap:.5rem;height:36px}.language-toggle{font-size:12px;height:36px;padding:6px 10px}.dark-mode-toggle{background:#fff3;border:2px solid #ffffff4d;height:36px;min-height:36px;min-width:36px;width:36px}.dark-mode-toggle:hover{background:#ffffff4d;border-color:#ffffff80}.dark-mode-toggle svg{height:18px;width:18px}.novotel-v2-hero-logo{font-size:30px;letter-spacing:1px;margin-bottom:8px}.novotel-v2-hero-text{font-size:14px}.novotel-v2-hero-card{max-width:92vw;padding:14px 16px}.novotel-v2-hero-date-time{font-size:11px;gap:6px;padding:6px 10px}.novotel-v2-hero-meta-item{font-size:11px;gap:5px}.novotel-v2-hero-meta-icon{height:15px;width:15px}.novotel-v2-hero-meta-icon svg{height:13px;width:13px}.novotel-v2-hero-meta-divider{height:15px;margin:0 3px}.novotel-v2-hero-dots{bottom:max(72px,calc(72px + env(safe-area-inset-bottom)));gap:4px}.novotel-v2-hero-dot{align-items:center;box-sizing:initial;display:inline-flex;justify-content:center;margin:-4px 0;padding:10px}.novotel-v2-feature-cards-container{padding:12px max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left))}.novotel-v2-feature-card{border-radius:16px;height:180px;max-width:260px;min-width:160px;width:calc(85vw - 28px)}.novotel-v2-feature-cards{gap:14px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.novotel-v2-feature-cards-scroll-indicator{margin-top:12px;padding:0 max(12px,env(safe-area-inset-left))}.novotel-v2-feature-title{font-size:18px;line-height:1.25;padding:20px 14px 12px}.novotel-v2-banner{height:150px;margin:10px 12px;padding:16px}.novotel-v2-banner h1{font-size:22px}.novotel-v2-banner h2{font-size:14px}.novotel-v2-commitment-slideshow-container{margin:12px}.novotel-v2-commitment-slideshow{height:160px}.novotel-v2-commitment-banner h2{font-size:20px}.novotel-v2-commitment-banner p{font-size:13px}.novotel-v2-social{gap:16px;margin:16px 0}.novotel-v2-social-icon{height:44px;width:44px}.novotel-v2-copyright{font-size:12px;margin:8px 12px 16px}.novotel-v2-slide-nav-btn{height:44px;opacity:.7;width:44px}.novotel-v2-slide-nav-prev{left:max(10px,env(safe-area-inset-left))}.novotel-v2-slide-nav-next{right:max(10px,env(safe-area-inset-right))}.novotel-v2-slide-nav-btn-small{box-sizing:border-box;height:36px;min-height:44px;min-width:44px;opacity:.8;padding:4px;width:36px}.novotel-v2-slide-nav-prev-small{left:max(8px,env(safe-area-inset-left))}.novotel-v2-slide-nav-next-small{right:max(8px,env(safe-area-inset-right))}.rtl .novotel-v2-slide-nav-prev{left:auto;right:max(10px,env(safe-area-inset-right))}.rtl .novotel-v2-slide-nav-next{left:max(10px,env(safe-area-inset-left));right:auto}.rtl .novotel-v2-slide-nav-prev-small{left:auto;right:max(8px,env(safe-area-inset-right))}.rtl .novotel-v2-slide-nav-next-small{left:max(8px,env(safe-area-inset-left));right:auto}}@media (max-width:380px){.novotel-v2-feature-card{height:160px;max-width:220px;min-width:140px;width:calc(100vw - 32px)}.novotel-v2-feature-title{font-size:16px;padding:16px 12px 10px}.novotel-v2-feature-cards{gap:12px;padding:8px max(10px,env(safe-area-inset-left)) 8px max(10px,env(safe-area-inset-right))}.novotel-v2-banner{height:140px;margin:8px 10px;padding:12px}.novotel-v2-banner h1{font-size:20px}.novotel-v2-commitment-slideshow{height:150px}}@media (min-width:768px){.novotel-v2-banner,.novotel-v2-commitment-slideshow-container{margin-left:auto;margin-right:auto;max-width:600px}.novotel-v2-feature-cards{margin-left:auto;margin-right:auto;max-width:620px}}.offers-popup-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#000000d9,#002984bf);display:flex;inset:0;justify-content:center;opacity:1;padding:1rem;position:fixed;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:visible;z-index:50}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.offers-popup-overlay.hidden{background-color:#0000;opacity:0;pointer-events:none;visibility:hidden}.offers-popup-modal{animation:popupEnter .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #0006,0 10px 20px #00298433,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;max-height:90vh;max-width:500px;opacity:1;overflow:hidden;position:relative;transform:translateY(0) scale(1);transition:all .5s cubic-bezier(.34,1.56,.64,1);width:100%}@keyframes popupEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.offers-popup-modal.hidden{opacity:0;scale:.95;transform:translateY(2rem)}.offers-popup-progress{background:linear-gradient(90deg,#0029841a,#0066cc1a);height:5px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:20}.offers-popup-progress:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.offers-popup-progress-bar{animation:progress-glow 2s ease-in-out infinite;background:linear-gradient(90deg,#002984,#06c 50%,#60a5fa);background-size:200% 100%;box-shadow:0 0 10px #0066cc80,0 0 20px #0066cc4d;height:100%;transition:width .1s linear}@keyframes progress-glow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.offers-popup-image-wrapper{aspect-ratio:16/9;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background-clip:padding-box;border-bottom:3px solid #0000;border-radius:0;cursor:grab;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.offers-popup-image-wrapper:active{cursor:grabbing;transform:scale(.99)}.offers-popup-image-wrapper:hover{transform:scale(1.005)}.offers-popup-image-wrapper:after{background:linear-gradient(180deg,#0000 0,#0000 70%,#0000001a);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.offers-popup-image-wrapper:hover:after{opacity:1}.offers-popup-image{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute;transition:all .5s ease-out;will-change:transform,opacity}.offers-popup-image-wrapper:hover .offers-popup-image{transform:scale(1.02)}.offers-popup-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0006,#0029844d);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.offers-popup-loader{align-items:center;display:flex;flex-direction:column;gap:1rem}.loader-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#ffffffe6;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loader-text{animation:pulse-text 1.5s ease-in-out infinite;color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.offers-popup-image.slide-in-left{animation:slideInFromLeft .45s cubic-bezier(.32,.72,0,1) forwards}.offers-popup-image.slide-in-right{animation:slideInFromRight .45s cubic-bezier(.32,.72,0,1) forwards}.offers-popup-video-container{align-items:center;background:#000;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.offers-popup-video{height:100%;object-fit:contain;width:100%}.offers-popup-media-indicator{align-items:center;animation:fadeInDown .4s ease-out .15s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #0000004d,0 1px 4px #0003,inset 0 1px 0 #ffffff1a;color:#fff;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;left:.75rem;line-height:1.2;padding:.5rem .875rem;position:absolute;top:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.offers-popup-media-indicator:hover{box-shadow:0 4px 12px #0006,0 2px 6px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.offers-popup-media-indicator.video-indicator{background:linear-gradient(135deg,#ef4444d9,#dc2626d9);border-color:#ef44444d}.offers-popup-media-indicator.images-indicator{background:linear-gradient(135deg,#3b82f6d9,#2563ebd9);border-color:#3b82f64d}.offers-popup-media-indicator svg{flex-shrink:0;height:14px;opacity:.95;width:14px}.offers-popup-media-indicator span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.025em}.offers-popup-image-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000d9,#000000bf);border:1.5px solid #ffffff59;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 1px 4px #0003,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;opacity:1;pointer-events:auto;position:absolute;top:40%;transform:translateY(-50%);transition:all .25s cubic-bezier(.4,0,.2,1);width:36px;z-index:15}.offers-popup-image-wrapper:hover .offers-popup-image-nav-btn{background:linear-gradient(135deg,#000000f2,#000000d9);border-color:#fff9;opacity:1}.offers-popup-image-nav-btn:hover{background:linear-gradient(135deg,#000000f2,#000000d9);border-color:#ffffff80;box-shadow:0 4px 12px #0006,0 2px 6px #0000004d,inset 0 1px 0 #ffffff4d;transform:translateY(-50%) scale(1.1)}.offers-popup-image-nav-btn:active{transform:translateY(-50%) scale(.95)}.offers-popup-image-nav-btn.prev{left:.75rem}.offers-popup-image-nav-btn.next{right:.75rem}.offers-popup-close-btn{align-items:center;animation:fadeInDown .4s ease-out .1s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:1.5px solid #00000014;border-radius:50%;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a;color:#475569;cursor:pointer;display:flex;font-size:22px;font-weight:400;height:36px;justify-content:center;line-height:1;position:absolute;right:.75rem;top:.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px;z-index:30}.offers-popup-close-btn:before{background:#ef444414;border-radius:50%;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .25s ease;z-index:-1}.offers-popup-close-btn:hover:before{opacity:1}.offers-popup-close-btn:hover{background:#fff;border-color:#ef444440;box-shadow:0 4px 12px #ef444440,0 2px 6px #00000026;color:#ef4444;transform:scale(1.1) rotate(90deg)}.offers-popup-close-btn:active{box-shadow:0 2px 6px #ef444433;transform:scale(1.05) rotate(90deg)}.offers-popup-close-btn:focus{box-shadow:0 0 0 3px #00298433,0 2px 8px #00000026;outline:none}.offers-popup-close-btn:focus-visible{outline:2px solid #002984;outline-offset:2px}.offers-popup-close-btn svg{color:#374151;height:20px;width:20px}.offers-popup-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid #00298433;border-radius:50%;box-shadow:0 4px 16px #0003,0 2px 8px #0029841a,inset 0 1px 0 #ffffff80;color:#002984;cursor:pointer;display:flex;font-size:32px;font-weight:300;height:48px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;z-index:10}.offers-popup-image-wrapper:hover .offers-popup-nav-btn{opacity:1;pointer-events:auto}.offers-popup-nav-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#002984;box-shadow:0 6px 24px #0029844d,0 3px 12px #00298433,inset 0 1px 0 #fff9;color:#06c;transform:translateY(-50%) scale(1.15)}.offers-popup-nav-btn:active{transform:translateY(-50%) scale(1.05)}.offers-popup-nav-btn:focus{box-shadow:0 0 0 2px #002984;outline:none}.offers-popup-nav-btn.prev{left:12px}.offers-popup-nav-btn.next{right:12px}.offers-popup-image-wrapper:has(.offers-popup-image-nav-btn)~* .offers-popup-nav-btn{display:none!important}.offers-popup-nav-btn svg{color:#002984;height:20px;width:20px}.offers-popup-content{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#fffffffa,#f8fafcfa);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:1.5rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offers-popup-title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out .1s both;background:linear-gradient(135deg,#1e293b,#002984 50%,#06c);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:24px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:.75rem;padding-bottom:.5rem;position:relative}.offers-popup-title:after{animation:expandLine .8s ease-out .4s both;background:linear-gradient(90deg,#0000,#06c,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes expandLine{0%{opacity:0;width:0}to{opacity:1;width:60px}}.offers-popup-description{animation:fadeInUp .6s ease-out .2s both;color:#475569;flex:1 1;font-size:14px;font-weight:400;line-height:1.6;margin-bottom:1.25rem;max-height:200px;min-height:50px;overflow-y:auto;padding-right:.5rem;text-align:left}.offers-popup-description::-webkit-scrollbar{width:4px}.offers-popup-description::-webkit-scrollbar-track{background:#0029840d;border-radius:2px}.offers-popup-description::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#002984,#06c);border-radius:2px}.offers-popup-description::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#06c,#60a5fa)}.offers-popup-cta{word-wrap:break-word;align-items:center;animation:fadeInUp .6s ease-out .3s both;background:linear-gradient(135deg,#002984,#06c 50%,#60a5fa);background-size:200% 100%;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 12px #0029844d,0 2px 6px #06c3,inset 0 1px 0 #fff3;box-sizing:border-box;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;max-width:100%;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:normal;width:100%}.offers-popup-cta .cta-text{position:relative;z-index:2}.offers-popup-cta .cta-arrow{flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.offers-popup-cta:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.offers-popup-cta:hover:before{left:100%}.offers-popup-cta:hover{background-position:100% 0;box-shadow:0 10px 30px #00298480,0 5px 15px #06c6,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.offers-popup-cta:hover .cta-arrow{transform:translateX(4px)}.offers-popup-cta:active{transform:translateY(-1px) scale(.98)}.offers-popup-cta:active .cta-arrow{transform:translateX(2px)}.offers-popup-pagination{align-items:center;border-top:1px solid #0029841a;display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding-top:1rem}.offers-popup-counter{font-feature-settings:"tnum";background:#0029840d;border:1px solid #0029841a;border-radius:12px;color:#64748b;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;transition:all .25s ease}.offers-popup-counter:hover{background:#00298414;border-color:#00298426;color:#475569}.offers-popup-dots{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.offers-popup-dot{background:#0000;border:1.5px solid #0000;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.offers-popup-dot:focus{outline:none}.offers-popup-dot:focus-visible{outline:2px solid #002984;outline-offset:2px}.offers-popup-dot.inactive{background:#00298440;border-color:#00298433;height:8px;width:8px}.offers-popup-dot.inactive:hover{background:#00298473;border-color:#00298459;height:10px;transform:scale(1.3);width:10px}.offers-popup-dot.active{background:linear-gradient(135deg,#002984,#06c);border-color:#0029844d;border-radius:4px;box-shadow:0 2px 6px #0029844d,0 1px 3px #06c3;height:8px;transform:scale(1);width:28px}.dark-mode .offers-popup-overlay{background:linear-gradient(135deg,#000000e6,#0f172ad9)}.dark-mode .offers-popup-modal{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border:1px solid #60a5fa33;box-shadow:0 25px 50px #0009,0 10px 20px #0006,inset 0 1px 0 #60a5fa1a}.dark-mode .offers-popup-progress{background:linear-gradient(90deg,#60a5fa1a,#3b82f61a)}.dark-mode .offers-popup-progress-bar{background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#2563eb);box-shadow:0 0 10px #60a5fa99,0 0 20px #3b82f666}.dark-mode .offers-popup-image-wrapper{border-bottom-color:#60a5fa33}.dark-mode .offers-popup-content{background:linear-gradient(135deg,#0f172afa,#1e293bfa)}.dark-mode .offers-popup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#93c5fd 50%,#60a5fa);-webkit-background-clip:text;background-clip:text}.dark-mode .offers-popup-title:after{background:linear-gradient(90deg,#0000,#60a5fa,#0000)}.dark-mode .offers-popup-description::-webkit-scrollbar-track{background:#60a5fa1a}.dark-mode .offers-popup-description::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dark-mode .offers-popup-description::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.dark-mode .offers-popup-description{color:#cbd5e1}.dark-mode .offers-popup-cta{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);background-size:200% 100%;border-color:#60a5fa4d;box-shadow:0 6px 20px #3b82f680,0 3px 10px #2563eb66,inset 0 1px 0 #ffffff1a}.dark-mode .offers-popup-cta:hover{box-shadow:0 10px 30px #3b82f699,0 5px 15px #2563eb80,inset 0 1px 0 #fff3}.dark-mode .offers-popup-pagination{border-top-color:#60a5fa26}.dark-mode .offers-popup-counter{background:#3b82f61a;border-color:#60a5fa33;color:#93c5fd}.dark-mode .offers-popup-counter:hover{background:#3b82f626;border-color:#60a5fa4d;color:#bfdbfe}.dark-mode .offers-popup-dot.inactive{background:#60a5fa33;border-color:#60a5fa26}.dark-mode .offers-popup-dot.inactive:hover{background:#60a5fa59;border-color:#60a5fa4d}.dark-mode .offers-popup-dot.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#60a5fa66;box-shadow:0 2px 6px #60a5fa66,0 1px 3px #3b82f64d,0 0 8px #60a5fa33}.dark-mode .offers-popup-dot:focus-visible{outline-color:#60a5fa}.dark-mode .offers-popup-close-btn{background:#1e293bf2;border-color:#47556966;box-shadow:0 2px 8px #0006,0 1px 4px #0000004d;color:#cbd5e1}.dark-mode .offers-popup-close-btn:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 4px 12px #ef44444d,0 2px 6px #0006;color:#f87171}.dark-mode .offers-popup-close-btn:focus{box-shadow:0 0 0 3px #60a5fa4d,0 2px 8px #0006}.dark-mode .offers-popup-close-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.dark-mode .offers-popup-nav-btn{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border-color:#60a5fa4d;box-shadow:0 4px 16px #0006,0 2px 8px #0000004d,inset 0 1px 0 #60a5fa1a;color:#93c5fd}.dark-mode .offers-popup-nav-btn:hover{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#60a5fa;box-shadow:0 6px 24px #3b82f666,0 3px 12px #2563eb4d,inset 0 1px 0 #60a5fa33;color:#60a5fa}.dark-mode .offers-popup-image-nav-btn{background:linear-gradient(135deg,#0f172af2,#1e293be6);border-color:#60a5fa80;box-shadow:0 4px 16px #0009,0 2px 8px #0006,inset 0 1px 0 #60a5fa4d;opacity:1}.dark-mode .offers-popup-image-nav-btn:hover,.dark-mode .offers-popup-image-wrapper:hover .offers-popup-image-nav-btn{background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border-color:#60a5fab3}.dark-mode .offers-popup-image-nav-btn:hover{box-shadow:0 6px 20px #3b82f680,inset 0 1px 0 #60a5fa4d}.dark-mode .offers-popup-media-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border-color:#60a5fa40;box-shadow:0 2px 8px #00000080,0 1px 4px #0006,inset 0 1px 0 #60a5fa1a}.dark-mode .offers-popup-media-indicator:hover{box-shadow:0 4px 12px #0009,0 2px 6px #00000080,inset 0 1px 0 #60a5fa26}.dark-mode .offers-popup-media-indicator.video-indicator{background:linear-gradient(135deg,#ef4444d9,#dc2626d9);border-color:#ef444466}.dark-mode .offers-popup-media-indicator.images-indicator{background:linear-gradient(135deg,#3b82f6d9,#2563ebd9);border-color:#60a5fa66}.dark-mode .offers-popup-media-indicator svg{opacity:1}.dark-mode .offers-popup-pagination{border-top-color:#60a5fa33}.dark-mode .offers-popup-image-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-mode .offers-popup-image-wrapper:hover .offers-popup-image{filter:brightness(1.1)}.dark-mode .offers-popup-loading-overlay{background:linear-gradient(135deg,#0009,#0f172a80)}.dark-mode .loader-spinner{border-color:#60a5fa #60a5fa33 #60a5fa33}.dark-mode .loader-text{color:#cbd5e1}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(28px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-28px) translateZ(0)}to{opacity:1;transform:translateX(0) translateZ(0)}}@media (max-width:768px){.offers-popup-modal{border-radius:20px;margin:.5rem;max-height:90vh;max-width:calc(100% - 1rem)}.offers-popup-content{padding:1.25rem}.offers-popup-title{font-size:20px;margin-bottom:.5rem;padding-bottom:.5rem}.offers-popup-description{font-size:13px;line-height:1.5;margin-bottom:1rem;max-height:180px}.offers-popup-cta{font-size:13px;padding:.75rem 1.25rem}.offers-popup-close-btn{font-size:20px;height:32px;right:.625rem;top:.625rem;width:32px}.offers-popup-media-indicator{font-size:.75rem;gap:.4375rem;left:.625rem;padding:.4375rem .75rem;top:.625rem}.offers-popup-media-indicator svg{height:13px;width:13px}.offers-popup-image-nav-btn{border-width:1.5px;font-size:18px;height:32px;width:32px}.offers-popup-image-nav-btn.prev{left:.625rem}.offers-popup-image-nav-btn.next{right:.625rem}.offers-popup-pagination{gap:.625rem;margin-top:1.125rem;padding-top:.875rem}.offers-popup-counter{font-size:.75rem;padding:.3125rem .625rem}.offers-popup-dots{gap:.4375rem}.offers-popup-dot.inactive{height:7px;width:7px}.offers-popup-dot.inactive:hover{height:9px;width:9px}.offers-popup-dot.active{height:7px;width:26px}}@media (max-width:480px){.offers-popup-modal{border-radius:16px;margin:.25rem;max-height:90vh;max-width:calc(100% - .5rem)}.offers-popup-content{padding:1rem}.offers-popup-title{font-size:18px;line-height:1.25;margin-bottom:.5rem;padding-bottom:.5rem}.offers-popup-description{font-size:12px;line-height:1.5;margin-bottom:1rem;max-height:120px}.offers-popup-nav-btn{font-size:20px;height:32px;width:32px}.offers-popup-image-nav-btn{border-width:1px;font-size:16px;height:28px;width:28px}.offers-popup-image-nav-btn.prev{left:.5rem}.offers-popup-image-nav-btn.next{right:.5rem}.offers-popup-close-btn{border-width:1px;font-size:18px;height:30px;right:.5rem;top:.5rem;width:30px}.offers-popup-cta{word-wrap:break-word;align-items:center;border-radius:10px;box-sizing:border-box;display:flex;font-size:12px;gap:.5rem;justify-content:center;max-width:100%;min-height:44px;padding:.625rem 1rem;text-align:center;white-space:normal;width:100%}.offers-popup-cta .cta-arrow{height:16px;width:16px}.offers-popup-title:after{width:35px}.offers-popup-pagination{flex-direction:column;gap:.5rem;margin-top:.875rem;padding-top:.75rem}.offers-popup-counter{font-size:.625rem;padding:.25rem .5rem}.offers-popup-dots{gap:.375rem}.offers-popup-dot.inactive{height:6px;width:6px}.offers-popup-dot.inactive:hover{height:7px;width:7px}.offers-popup-dot.active{height:6px;width:20px}}@media (max-width:404px){.novotel-v2-hero-header{flex-wrap:wrap;gap:8px;padding:8px 0}.novotel-v2-hero-date-time{flex-wrap:wrap;font-size:10px;gap:4px;padding:5px 8px}.novotel-v2-hero-meta-item{font-size:10px;gap:4px}.novotel-v2-hero-meta-icon{height:14px;width:14px}.novotel-v2-hero-meta-icon svg{height:12px;width:12px}.novotel-v2-hero-meta-divider{height:14px;margin:0 2px}.novotel-v2-hero-header-right{flex-shrink:0;gap:.375rem;height:32px}.language-toggle{font-size:10px;gap:4px;height:32px;padding:4px 6px}.language-flag{height:12px;width:16px}.dark-mode-toggle{background:#ffffff4d;border:2px solid #fff6;height:32px;min-height:32px;min-width:32px;width:32px}.dark-mode-toggle:hover{background:#fff6;border-color:#fff9}.dark-mode-toggle svg{height:16px;width:16px}}@media (max-width:360px){.novotel-v2-hero-header-right{gap:.25rem;height:30px}.language-toggle{font-size:9px;gap:3px;height:30px;padding:3px 5px}.language-flag{height:10px;width:14px}.dark-mode-toggle{background:#ffffff59;border:2px solid #ffffff73;height:30px;min-height:30px;min-width:30px;width:30px}.dark-mode-toggle:hover{background:#ffffff73;border-color:#ffffffa6}.dark-mode-toggle svg{height:14px;width:14px}.offers-popup-modal{border-radius:14px;margin:.125rem;max-width:calc(100% - .25rem)}.offers-popup-content{padding:.875rem}.offers-popup-title{font-size:16px;margin-bottom:.375rem;padding-bottom:.375rem}.offers-popup-description{font-size:11px;line-height:1.4;margin-bottom:.875rem;max-height:100px}.offers-popup-close-btn{border-width:1px;font-size:16px;height:28px;right:.375rem;top:.375rem;width:28px}.offers-popup-media-indicator{border-radius:14px;gap:.3125rem;left:.375rem;padding:.3125rem .5625rem;top:.375rem}.offers-popup-media-indicator svg{height:11px;width:11px}.offers-popup-cta{font-size:11px;min-height:40px;padding:.5rem .875rem}.offers-popup-cta .cta-arrow{height:14px;width:14px}.offers-popup-title:after{width:30px}.offers-popup-pagination{gap:.4375rem;margin-top:.75rem;padding-top:.625rem}.offers-popup-counter{font-size:.5625rem;padding:.1875rem .4375rem}.offers-popup-dots{gap:.3125rem}.offers-popup-dot.inactive{height:5px;width:5px}.offers-popup-dot.inactive:hover{height:6px;width:6px}.offers-popup-dot.active{height:5px;width:18px}.offers-popup-image-nav-btn{border-width:1px;font-size:14px;height:26px;top:35%;width:26px}.offers-popup-image-nav-btn.prev{left:.375rem}.offers-popup-image-nav-btn.next{right:.375rem}.offers-popup-nav-btn{display:none}.offers-popup-image-wrapper:not(:has(.offers-popup-image-nav-btn))~* .offers-popup-nav-btn{display:flex}.offers-popup-media-indicator{border-radius:16px;font-size:.6875rem;gap:.375rem;left:.5rem;padding:.375rem .625rem;top:.5rem}.offers-popup-media-indicator svg{height:12px;width:12px}}.novotel-v2-app-404{background:linear-gradient(145deg,#0f172a,#1e293b 50%,#0f3460);color:#fff;min-height:100vh;min-height:100dvh}.novotel-v2-app-404 .novotel-v2-hero{background-color:#0f172a}.novotel-v2-app-404 .novotel-v2-hero:before{background:linear-gradient(145deg,#0f172aeb,#1e3a5fd9 50%,#0f3460e6);opacity:1}.novotel-v2-404-content{margin:0 auto;max-width:480px;padding:24px;width:100%}.novotel-v2-404-card{animation:nf-card-appear .6s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 24px 48px #00000040,inset 0 0 0 1px #ffffff0d;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;padding:48px 40px;text-align:center}@keyframes nf-card-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.novotel-v2-404-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,7rem);font-weight:800;letter-spacing:-.04em;line-height:1;text-shadow:0 0 40px #ffffff26}.novotel-v2-404-divider{background:linear-gradient(90deg,#0000,#0e7490e6,#0000);border-radius:2px;height:4px;margin:24px auto;width:64px}.novotel-v2-404-logo{color:#ffffffe6;font-size:1.25rem;font-weight:700;letter-spacing:.35em;margin-bottom:8px}.novotel-v2-404-message{color:#fff;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.novotel-v2-404-sub{color:#ffffffbf;font-size:1rem;line-height:1.55;margin:0 auto 32px;max-width:320px}.novotel-v2-404-btn{align-items:center;background:linear-gradient(135deg,#0e7490,#0f3460);border:none;border-radius:12px;box-shadow:0 4px 20px #0e749066;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.novotel-v2-404-btn:hover{box-shadow:0 8px 28px #0e749080;transform:translateY(-2px)}.novotel-v2-404-btn:active{opacity:.95;transform:translateY(0)}.novotel-v2-404-btn:focus-visible{outline:2px solid #fffc;outline-offset:3px}.novotel-v2-404-btn-icon{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.novotel-v2-404-btn-icon svg{height:100%;width:100%}.novotel-v2-app-404[dir=rtl] .novotel-v2-404-btn-icon svg{transform:scaleX(-1)}@media (max-width:600px){.novotel-v2-404-content{padding:16px}.novotel-v2-404-card{border-radius:20px;padding:36px 24px}.novotel-v2-404-code{font-size:clamp(3.5rem,18vw,5rem)}.novotel-v2-404-divider{margin:20px auto}.novotel-v2-404-logo{font-size:1rem;letter-spacing:.25em}.novotel-v2-404-message{font-size:1.25rem}.novotel-v2-404-sub{font-size:.9375rem;margin-bottom:28px}.novotel-v2-404-btn{font-size:.9375rem;padding:12px 24px}}@media (max-width:380px){.novotel-v2-404-card{padding:28px 20px}}
/*# sourceMappingURL=main.40e82535.css.map*/