html,body{height:100dvh!important;margin:0;padding:0;overflow:hidden!important}html{--lumo-font-family: "Plus Jakarta Sans", "Inter", sans-serif;--prisma-emerald: #10b981;--prisma-blue: #3b82f6;--prisma-slate: #64748b;--prisma-glow: rgba(16, 185, 129, .15);--prisma-header-gradient: linear-gradient(135deg, #0f172a 0%, #334155 100%);--prisma-bg-base: #ffffff;--prisma-bg-alt: #f8fafc;--prisma-footer-bg: #f1f5f9}html.theme-midnight{--lumo-base-color: #0f172a;--lumo-header-text-color: #f8fafc;--lumo-body-text-color: #f1f5f9;--lumo-secondary-text-color: #94a3b8;--lumo-tertiary-text-color: #64748b;--lumo-link-color: #3b82f6;--lumo-contrast: #ffffff;--lumo-contrast-90pct: rgba(255, 255, 255, .9);--lumo-contrast-80pct: rgba(255, 255, 255, .8);--lumo-contrast-70pct: rgba(255, 255, 255, .7);--lumo-contrast-60pct: rgba(255, 255, 255, .6);--lumo-contrast-50pct: rgba(255, 255, 255, .5);--lumo-contrast-40pct: rgba(255, 255, 255, .4);--lumo-contrast-30pct: rgba(255, 255, 255, .3);--lumo-contrast-20pct: rgba(255, 255, 255, .2);--lumo-contrast-10pct: rgba(255, 255, 255, .1);--lumo-contrast-5pct: rgba(255, 255, 255, .05);--prisma-slate: #94a3b8;--prisma-glow: rgba(16, 185, 129, .4);--prisma-header-gradient: linear-gradient(135deg, #fff 0%, #94a3b8 100%);--prisma-bg-base: #0f172a;--prisma-bg-alt: rgba(255, 255, 255, .02);--prisma-footer-bg: #0f172a;background-color:#0f172a;color:#f1f5f9}html.theme-midnight .glass-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e}.accent-text{font-weight:800;background:linear-gradient(90deg,var(--prisma-emerald) 0%,var(--prisma-blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--lumo-base-color);background-image:linear-gradient(#ffffff0d,#ffffff0d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--lumo-contrast-10pct);box-shadow:0 10px 30px -10px #0000001a;border-radius:16px;padding:20px;transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #00000026}.hero-gradient-text{background:var(--prisma-header-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}vaadin-app-layout{height:100dvh!important}vaadin-app-layout [part=content]{height:100%!important;overflow:hidden!important;display:flex;flex-direction:column}vaadin-login-form-wrapper{background:transparent!important}vaadin-app-layout.mall-view-layout::part(content){height:auto!important;flex:1}.product-card-media{width:100%!important;aspect-ratio:4 / 3!important;object-fit:cover!important;border-radius:4px!important;background-color:var(--lumo-contrast-5pct)!important}.no-scrollbar,.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar::part(content),.hide-scrollbar::part(content),vaadin-dialog-overlay.no-scrollbar::part(content),vaadin-scroller.no-scrollbar{scrollbar-width:none!important}.no-scrollbar::part(content)::-webkit-scrollbar,.hide-scrollbar::part(content)::-webkit-scrollbar,vaadin-dialog-overlay.no-scrollbar::part(content)::-webkit-scrollbar,vaadin-scroller.no-scrollbar::-webkit-scrollbar{display:none!important}.locked-view{height:100%!important;flex:1;min-height:0;overflow:hidden!important;display:flex;flex-direction:column}