:root{color:#fff;--bg:#013;--bg-soft:#0a1f44;--cyan:#16d9d2;--cyan-soft:#16d9d22e;--danger:#ff4f6d;--glass:#ffffff14;--glass-strong:#ffffff21;--line:#ffffff24;--muted:#ffffffa8;--shadow:0 24px 80px #00000059;background:#013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at 18% 8%,#16d9d233,#0000 28%),radial-gradient(circle at 86% 16%,#4872ff2e,#0000 28%),linear-gradient(135deg,#013,#071a3a 48%,#020817);min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;outline:none;min-height:54px;padding:0 16px;transition:border .25s,box-shadow .25s,background .25s}textarea{resize:vertical;min-height:116px;padding:16px}input:focus,select:focus,textarea:focus{background:#ffffff24;border-color:#16d9d2b3;box-shadow:0 0 0 4px #16d9d21f}input::placeholder,textarea::placeholder{color:#ffffff6b}select option{background:#0a1f44}.glassPanel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff1f,#ffffff0e)}.appShell{gap:24px;width:100%;height:100vh;padding:20px;display:flex}.bar{height:calc(10side0vh - 40px);border-radius:32px;flex-direction:column;justify-content:space-between;width:292px;padding:22px;display:flex}.logoArea{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.logoArea img{object-fit:contain;width:220px;height:110px;margin-bottom:-20px}.logoArea h1{color:#fff;text-align:center;margin:-10px 0 0;font-size:20px;font-weight:700}.logoArea img{object-fit:contain;width:180px;height:auto}.sidebarMenu{flex-direction:column;gap:10px;padding:0 14px;display:flex}.sidebarMenu button{color:#ffffffc2;isolation:isolate;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:14px;width:100%;height:50px;padding:0 14px;transition:transform .25s,background .25s,color .25s,border .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.sidebarMenu button:before{background:var(--cyan);content:"";border-radius:999px;width:4px;height:0;transition:height .25s;position:absolute;left:-7px}.sidebarMenu button:after{content:none}.sidebarMenu button:hover,.sidebarMenu button.active{color:#fff;background:#16d9d21f;border-color:#16d9d259;animation:1.9s ease-in-out infinite buttonNeonPulse;transform:translate(0);box-shadow:0 0 24px #16d9d22e}.sidebarMenu button:hover:after,.sidebarMenu button.active:after{opacity:0}.sidebarMenu button.active:before{height:30px}.sidebarMenu button span{z-index:1;position:relative}.menuIcon{background:#ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:flex}.sidebarFooter{color:var(--muted);text-align:center;padding:12px 8px 0;font-size:11px;line-height:1.25}.footerLine{background:#ffffff1f;height:1px;margin-bottom:10px}.sidebarFooter h2{color:#fff;margin-top:2px;font-size:15px;line-height:1.1}.sidebarFooter p{opacity:.72;font-size:11px}.content{flex:1;height:calc(100vh - 40px);padding-right:4px;overflow-y:auto}.topBar{border-radius:30px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:22px 26px;display:flex}.topBar h1{font-size:clamp(28px,4vw,46px)}.topBar span,.pageHeader span{color:var(--muted)}.topBarActions,.cardActions{align-items:center;gap:12px;display:flex}.cafeSelector{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.cafeSelector span{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.cafeSelector select{min-width:210px;min-height:48px}.primaryBtn,.ghostBtn,.dangerBtn,.deleteBtn,.cardActions button,.floatingActions button,.tableRow button,.galleryOverlay button{color:#fff;border:0;border-radius:16px;min-height:48px;padding:0 18px;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s}.primaryBtn{background:linear-gradient(135deg, var(--cyan), #4bf4ee);color:#013;box-shadow:0 14px 40px #16d9d247}.ghostBtn,.cardActions button,.floatingActions button,.tableRow button,.galleryOverlay button{background:#ffffff1c;border:1px solid #ffffff24}.dangerBtn,.deleteBtn,.floatingActions button:last-child,.tableRow button,.galleryOverlay button{background:#ff4f6d38;border:1px solid #ff4f6d59}.primaryBtn:hover,.ghostBtn:hover,.dangerBtn:hover,.deleteBtn:hover,.cardActions button:hover,.floatingActions button:hover,.tableRow button:hover,.galleryOverlay button:hover{transform:translateY(-3px)}.pageStack{flex-direction:column;gap:22px;animation:.45s pageIn;display:flex}.pageHeader h2{margin:8px 0 10px;font-size:clamp(34px,5vw,62px);line-height:1}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metricCard{border-radius:28px;min-height:190px;padding:24px;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden}.metricCard:hover,.productCard:hover,.galleryCard:hover,.videoCard:hover{transform:translateY(-8px);box-shadow:0 30px 90px #16d9d229}.metricCard h3{color:var(--muted);margin-bottom:18px;font-size:15px}.metricCard strong{color:#fff;font-size:54px;line-height:1;display:block}.metricCard p{color:var(--cyan);margin-top:12px}.metricOrb{background:radial-gradient(circle,#16d9d261,#0000 68%);width:180px;height:180px;position:absolute;top:-70px;right:-60px}.dashboardGrid,.settingsGrid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.widePanel,.screenPreview,.settingsBox,.themePreview,.composerForm,.productPreview,.uploadDeck,.userForm,.tablePanel,.featuredStrip,.categoryManager,.permissionNotice,.accessDenied{border-radius:28px;padding:24px}.widePanel h3,.screenPreview h3,.settingsBox h3,.themePreview h3,.composerForm h3,.productPreview h3{margin:8px 0 18px;font-size:28px}.statusRows{grid-template-columns:1fr auto;gap:14px;display:grid}.statusRows span{color:var(--muted)}.statusRows strong{color:var(--cyan)}.screenPreview{aspect-ratio:9/14;background:linear-gradient(#16d9d21f,#ffffff0a),linear-gradient(135deg,#071a3a,#020817);align-items:flex-end;display:flex;position:relative;overflow:hidden}.screenPreview:before,.themePreview:before{content:"";background:#16d9d240;border-radius:999px;width:170px;height:170px;animation:5s ease-in-out infinite floatCard;position:absolute;top:-35px;right:-50px}.menuComposer,.uploadDeck{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;display:grid}.categoryManager{flex-direction:column;gap:18px;display:flex}.categoryManager h3{margin-top:8px;font-size:28px}.categoryForm{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.categoryPills{flex-wrap:wrap;gap:10px;display:flex}.categoryPill{color:#dffefd;background:#16d9d221;border:1px solid #16d9d252;border-radius:999px;align-items:center;gap:10px;min-height:40px;padding:0 8px 0 16px;font-size:14px;font-weight:900;display:inline-flex}.categoryPill button{color:#fff;background:#ff4f6d38;border:1px solid #ff4f6d59;border-radius:999px;min-height:28px;padding:0 10px;font-size:12px;font-weight:900}.permissionNotice{color:#ffffffc7;background:#16d9d21a;border:1px solid #16d9d247}.accessDenied{max-width:780px}.accessDenied h2{margin:8px 0 12px;font-size:clamp(34px,5vw,60px)}.accessDenied span{color:var(--muted);line-height:1.6}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}.composerForm,.uploadDetails{flex-direction:column;gap:16px;display:flex}.formHeader{justify-content:space-between;align-items:center;display:flex}.composerForm label,.uploadDetails label,.loginBox label{flex-direction:column;gap:8px;display:flex}.composerForm label span,.loginBox label span,.settingItem span{color:#ffffffc2;font-size:14px;font-weight:800}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.toggleStack{flex-direction:column;justify-content:center;gap:12px;display:flex}.toggleRow{color:#ffffffc7;align-items:center;gap:12px;display:flex}.toggleRow input{accent-color:var(--cyan);width:18px;min-height:auto}.productPreview{position:sticky;top:0}.previewProductCard{flex-direction:column;gap:16px;display:flex}.previewProductCard img,.uploadPlaceholder{aspect-ratio:16/11;object-fit:cover;border-radius:24px;width:100%}.uploadPlaceholder{color:var(--muted);text-align:center;background:linear-gradient(135deg,#16d9d21f,#ffffff0f),#ffffff0d;border:1px dashed #16d9d261;justify-content:center;align-items:center;min-height:180px;display:flex}.previewProductCard span,.productInfo .eyebrow{color:var(--cyan)}.previewProductCard h3{font-size:30px}.previewProductCard p,.productInfo p{color:var(--muted);line-height:1.5}.previewProductCard strong,.productFooter strong{color:var(--cyan);font-size:32px}.featuredStrip{align-items:center;gap:18px;display:flex}.featuredStrip span{color:var(--cyan);font-weight:900}.productGrid,.videoList,.masonryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.productCard,.galleryCard,.videoCard{border-radius:28px;transition:transform .28s,box-shadow .28s,opacity .25s;position:relative;overflow:hidden}.productCard.isPassive{opacity:.55}.productMedia{height:250px;position:relative;overflow:hidden}.productMedia img,.galleryCard img,.videoThumb video{object-fit:cover;width:100%;height:100%;transition:transform .35s}.productCard:hover .productMedia img,.galleryCard:hover img,.videoCard:hover video{transform:scale(1.06)}.featuredBadge,.videoThumb span,.statusPill{color:#9ff7f3;background:#16d9d229;border:1px solid #16d9d261;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.featuredBadge{position:absolute;top:16px;left:16px}.productInfo,.videoCard{padding:20px}.productInfo h3,.videoCard h3{margin:8px 0;font-size:24px}.videoCafePicker{flex-direction:column;gap:8px;margin:12px 0;display:flex}.videoCafePicker span,.uploadStatus{color:#ffffffb8;font-size:13px;font-weight:800}.videoMeta{color:var(--cyan);margin:0 0 14px;font-size:13px;font-weight:900}.uploadStatus{margin:0}.uploadStatus.error{color:#ff9f9f}.productFooter{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.productFooter span{color:#ffffff9e}.floatingActions{opacity:0;gap:8px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:14px;right:14px;transform:translateY(-8px)}.productCard:hover .floatingActions{opacity:1;transform:translateY(0)}.floatingActions button{min-height:38px;padding:0 12px}.dropZone{text-align:center;border:1px dashed #16d9d26b;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:340px;padding:24px;display:flex}.dropZone input{display:none}.dropZone span{color:var(--cyan);font-weight:900}.dropZone strong{font-size:32px}.dropZone small{color:var(--muted)}.uploadDetails{justify-content:center}.previewImage{aspect-ratio:9/16;object-fit:cover;border-radius:24px;width:min(260px,100%);max-height:420px}.previewVideo{border-radius:24px;width:100%}.uploadHint{color:var(--muted);font-size:14px;line-height:1.5}.masonryGrid{align-items:stretch}.galleryCard{min-height:360px}.galleryCard.span2{min-height:430px}.galleryOverlay{background:linear-gradient(#0000,#001133f0);padding:70px 18px 18px;position:absolute;bottom:0;left:0;right:0}.galleryOverlay h3{font-size:22px}.galleryOverlay p{color:var(--muted);margin:6px 0 12px}.videoThumb{aspect-ratio:16/9;border-radius:22px;position:relative;overflow:hidden}.videoThumb span{position:absolute;bottom:14px;right:14px}.userForm{grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:14px;display:grid}.tablePanel{flex-direction:column;gap:8px;display:flex}.tableRow{border-radius:18px;grid-template-columns:1.1fr .8fr 1.2fr .8fr 170px;align-items:center;gap:14px;min-height:62px;padding:0 16px;display:grid}.tableRow:not(.tableHead){background:#ffffff12}.tableHead{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:900}.tableActions{gap:8px;display:flex}.tableActions button{min-height:38px;padding:0 12px}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsBox{flex-direction:column;gap:18px;display:flex}.cafeSettings,.screenPairingSettings{grid-column:span 2}.cafeSettingCard{background:#ffffff12;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.cafeSettingCard label{flex-direction:column;gap:8px;display:flex}.screenPairingCard{background:#ffffff12;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:1fr 1.2fr 1fr 1fr auto;align-items:end;gap:12px;padding:16px;display:grid}.screenPairingCard label{flex-direction:column;gap:8px;display:flex}.screenPairingCard label span{color:#ffffffc2;font-size:13px;font-weight:900}.cafeSettingCard small{color:var(--muted);grid-column:1/-1}.addCafeForm,.addScreenPairingForm{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.addScreenPairingForm{grid-template-columns:1.2fr 1fr 1fr auto}.settingItem{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px;display:grid}.durationParts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.durationParts label{flex-direction:column;gap:6px;display:flex}.durationParts small{color:#ffffff9e;font-size:12px;font-weight:900}.durationParts input{min-width:0}.durationInput{font-variant-numeric:tabular-nums;letter-spacing:.08em}.settingsHint{color:var(--muted);margin-top:-6px;font-size:13px;line-height:1.5}.brandAssetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.brandAssetUploader{background:#ffffff12;border:1px solid #16d9d22e;border-radius:22px;flex-direction:column;gap:12px;padding:14px;display:flex}.brandAssetUploader span{color:#ffffffc2;font-size:14px;font-weight:900}.brandAssetUploader input{min-height:44px}.brandAssetPreview{background:linear-gradient(135deg,#16d9d21c,#ffffff0d),#0011337a;border:1px dashed #16d9d257;border-radius:18px;justify-content:center;align-items:center;height:118px;padding:14px;display:flex;overflow:hidden}.brandAssetPreview img{object-fit:contain;max-width:100%;max-height:100%}.faviconPreview{height:118px}.faviconPreview img{border-radius:12px;max-width:58px;max-height:58px}.themePreview{min-height:260px;position:relative;overflow:hidden}.themePreview h3{font-size:42px}.emptyState{color:var(--muted);text-align:center;background:#ffffff12;border:1px dashed #16d9d261;border-radius:28px;padding:34px}.emptyState.wide{grid-column:1/-1}.loginPage{justify-content:center;align-items:center;height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.loginAura{background:radial-gradient(circle,#16d9d26b,#0000 68%);width:620px;height:620px;animation:7s ease-in-out infinite floatCard;position:absolute}.loginBox{z-index:2;border-radius:36px;flex-direction:column;gap:16px;width:min(480px,100%);padding:42px;display:flex;position:relative}.loginLogo{width:260px;height:120px;margin:-14px auto -22px}.loginLogo img{object-fit:contain;width:100%;height:100%}.loginTitles{text-align:center}.loginTitles h1{margin:6px 0;font-size:42px}.loginTitles span,.loginFooter{color:var(--muted)}.loginError{text-align:center;background:#ff4f6d2e;border:1px solid #ff4f6d59;border-radius:18px;padding:14px}.passwordInputWrap{position:relative}.passwordInputWrap input{width:100%;padding-right:64px}.passwordToggle{color:var(--cyan);background:#16d9d21f;border:1px solid #16d9d247;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;line-height:1;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.passwordToggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}.screenPlayer{color:#fff;background:radial-gradient(circle at 50% -10%,#16d9d242,#0000 35%),linear-gradient(#013,#030817 70%);width:100%;height:100vh;position:relative;overflow:hidden}.playerSetup{background:radial-gradient(circle at 20% 15%,#16d9d247,#0000 30%),linear-gradient(135deg,#013,#030817);justify-content:center;align-items:center;min-height:100vh;padding:clamp(14px,4vw,32px);display:flex;overflow:hidden}.playerSetupCard{border-radius:36px;grid-template-columns:.8fr 1.2fr;gap:28px;width:100%;max-width:980px;max-height:calc(100vh - 36px);padding:42px;display:grid;overflow:auto}.playerDeviceCode{background:#16d9d224;border:1px solid #16d9d25c;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.playerDeviceCode span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.playerDeviceCode strong{color:var(--cyan);white-space:nowrap;margin-top:12px;font-size:clamp(54px,8vw,92px)}@media (width<=900px){.playerSetup{justify-content:center;align-items:center}.playerSetupCard{border-radius:28px;grid-template-columns:1fr;gap:18px;max-width:min(560px,100vw - 28px);max-height:calc(100dvh - 28px);padding:clamp(18px,4vw,28px)}.playerDeviceCode{min-height:0;padding:clamp(18px,4vw,30px)}.playerDeviceCode strong{font-size:clamp(48px,14vw,86px)}.playerPairForm{grid-column:auto}}.playerSetupCard h1{margin:10px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.95}@media (orientation:portrait){.playerSetup{align-items:flex-start;padding:clamp(12px,3vw,24px)}.playerSetupCard{border-radius:28px;grid-template-columns:1fr;gap:18px;max-height:calc(100dvh - 24px);padding:clamp(18px,4vw,30px)}.playerDeviceCode{min-height:0;padding:clamp(18px,4vw,30px)}.playerDeviceCode strong{font-size:clamp(42px,11vw,76px)}.playerSetupCard h1{font-size:clamp(32px,9vw,58px)}.screenTypeCards{grid-template-columns:1fr}}.playerSetupCard p{color:var(--muted);line-height:1.6}.playerPairForm{flex-direction:column;grid-column:2;gap:16px;display:flex}.playerPairForm label{flex-direction:column;gap:8px;display:flex}.playerPairForm label span{color:var(--cyan);font-weight:900}.screenTypeCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.screenTypeCards button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;gap:6px;min-height:94px;padding:16px;transition:background .25s,border .25s,transform .25s;display:flex}.screenTypeCards button.active,.screenTypeCards button:hover{background:#16d9d224;border-color:#16d9d275;transform:translateY(-2px)}.screenTypeCards span{color:var(--muted);font-size:13px;line-height:1.35}.playerRuntime{background:#013;height:100vh;position:relative;overflow:hidden}.playerRuntime .screenPlayer{transform-origin:50%;width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playerControls{opacity:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#001133ad;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:18px;left:50%;right:auto;transform:translate(-50%,-18px)}.playerControls.isVisible,.playerControls:focus-within{opacity:1;transform:translate(-50%)}.playerControls span{color:var(--cyan);padding:0 10px;font-size:12px;font-weight:900}.playerControls button{color:#fff;background:#ffffff1f;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.screenGlow{background:radial-gradient(circle,#16d9d242,#0000 65%);width:520px;height:520px;animation:8s ease-in-out infinite floatCard;position:absolute;top:8%;left:50%;transform:translate(-50%)}.screenBrand{z-index:3;justify-content:space-between;align-items:flex-start;padding:clamp(24px,5vw,54px);display:flex;position:absolute;top:0;left:0;right:0}.screenBrand span{font-size:clamp(28px,5vw,62px);font-weight:950;line-height:1;display:block}.screenBrand small,.screenBrand strong{color:var(--cyan);margin-top:10px;display:block}.screenBrand strong{background:#16d9d229;border:1px solid #16d9d252;border-radius:999px;padding:10px 16px}.screenSection{z-index:2;width:100%;height:100%;padding:clamp(132px,18vh,210px) clamp(24px,5vw,58px) 70px;animation:.75s signageIn;position:relative}.menuScreen{overflow:hidden}.cleanSignage .screenGlow,.cleanSignage .screenDots,.cleanSignage .screenBrand,.cleanSignage .screenHeadline{display:none}.cleanSignage .screenSection{padding:0}.cleanSignage .menuScreen{padding:clamp(16px,3vw,42px)}.cleanSignage .screenMenuRail{justify-content:flex-start;min-height:100%}.cleanSignage .galleryScreen{background:#00112d;padding:0}.cleanSignage .screenGalleryItem{border-radius:0;place-items:center;display:grid}.cleanSignage .videoScreen{padding:0}.screenHeadline p{color:var(--cyan);text-transform:uppercase;font-size:clamp(18px,2.5vw,34px);font-weight:900}.screenHeadline h1{margin:8px 0 28px;font-size:clamp(54px,10vw,126px);line-height:.95}.screenMenuRail{will-change:transform;flex-direction:column;gap:18px;display:flex;transform:translate(0,0)}.screenMenuRail.isMoving{animation:linear infinite menuScroll}.screenMenuCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1c;border:1px solid #ffffff29;border-radius:32px;align-items:center;gap:clamp(16px,3vw,28px);min-height:0;padding:clamp(14px,2vw,24px);display:flex}.screenMenuCard img{aspect-ratio:1;object-fit:cover;border-radius:24px;width:clamp(92px,18vw,190px)}.screenMenuCard h2{font-size:clamp(30px,6vw,72px);line-height:1}.screenMenuCard p{color:var(--cyan);margin-bottom:8px;font-size:clamp(14px,2vw,24px);font-weight:900}.screenMenuCard span{color:#ffffffad;margin-top:8px;font-size:clamp(14px,2vw,24px);display:block}.screenMenuCard strong{color:var(--cyan);white-space:nowrap;margin-left:auto;font-size:clamp(30px,6vw,76px)}.galleryScreen{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.singleGallery{display:block}.screenGalleryItem{border-radius:34px;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.screenGalleryItem img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.screenGalleryItem figcaption{background:linear-gradient(#0000,#001133eb);padding:90px 24px 24px;font-size:clamp(20px,4vw,46px);font-weight:900;position:absolute;bottom:0;left:0;right:0}.videoScreen{justify-content:center;align-items:center;padding:0;display:flex}.videoScreen video{object-fit:cover;width:100%;height:100%}.cleanSignage .screenMenuCard{border-radius:clamp(18px,3vw,30px);gap:clamp(12px,2vw,22px);padding:clamp(10px,1.6vw,20px)}.cleanSignage .screenMenuCard img{width:clamp(74px,14vw,150px)}.cleanSignage .screenMenuCard h2{font-size:clamp(26px,5vw,58px)}.cleanSignage .screenMenuCard p,.cleanSignage .screenMenuCard span{font-size:clamp(12px,1.8vw,20px)}.cleanSignage .screenMenuCard strong{font-size:clamp(26px,5vw,58px)}.screenEmpty{color:#ffffffa8;text-align:center;justify-content:center;align-items:center;height:100%;font-size:clamp(32px,7vw,78px);font-weight:900;display:flex}.screenDots{z-index:4;gap:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.screenDots span{background:#ffffff59;border-radius:999px;width:34px;height:8px;transition:width .25s,background .25s}.screenDots span.active{background:var(--cyan);width:64px}@keyframes pageIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes signageIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes verticalLoop{0%,18%{transform:translateY(0)}55%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes menuScroll{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px #16d9d252}50%{box-shadow:0 0 58px #16d9d29e}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(22px)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:999px}@media (width<=1180px){.cards,.productGrid,.masonryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.menuComposer,.uploadDeck,.dashboardGrid,.settingsGrid{grid-template-columns:1fr}.userForm{grid-template-columns:repeat(2,minmax(0,1fr))}.cafeSettings,.screenPairingSettings{grid-column:auto}.addCafeForm,.addScreenPairingForm,.cafeSettingCard,.screenPairingCard,.playerSetupCard{grid-template-columns:1fr}.playerPairForm{grid-column:auto}}@media (width<=820px){body{overflow:auto}.appShell{gap:14px;padding:12px}.sidebar{border-radius:24px;width:320px;padding:20px}.logoArea{flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.logoArea img{object-fit:contain;width:180px;height:120px}.logoArea h1{color:#fff;text-align:center;margin-top:-5px;font-size:20px;font-weight:700;display:block}.logoArea p{display:none}.sidebarMenu button span:not(.menuIcon){display:inline}.sidebarFooter{display:block}.content,.sidebar{height:calc(100vh - 24px)}.topBar,.formHeader,.featuredStrip{flex-direction:column;align-items:flex-start}.topBarActions,.formGrid,.cards,.productGrid,.masonryGrid,.videoList,.userForm,.categoryForm,.screenTypeCards{grid-template-columns:1fr}.topBarActions{width:100%;display:grid}.cafeSelector select{width:100%;min-width:100%}.settingItem,.tableRow{grid-template-columns:1fr}.floatingActions{opacity:1;padding:0 20px 20px;position:static;transform:none}.playerControls{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);left:50%;right:auto}}@keyframes signageMenuMove{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.logoArea .sidebarLogo{object-fit:contain;transform-origin:50%;width:230px;height:78px;margin:0 auto -12px;display:block;transform:translateY(16px)scale(1.72)}.logoArea{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;min-height:124px;margin-top:20px;margin-bottom:10px;display:flex;overflow:hidden}.logoArea h1{color:#fff;text-align:center;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:1.1}@keyframes neonRotate{to{transform:rotate(360deg)}}.sidebar.glassPanel{border:1px solid #16d9d26b;border-radius:34px;flex-direction:column;width:288px;animation:2.2s ease-in-out infinite sidebarBorderNeon;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061,0 0 30px #16d9d233,0 0 58px #4f72ff1f,inset 0 0 0 1px #ffffff14}.sidebar.glassPanel:before{border-radius:inherit;content:"";pointer-events:none;border:1px solid #16d9d2b8;animation:2.2s ease-in-out infinite sidebarLineNeon;position:absolute;inset:0;box-shadow:0 0 26px #16d9d27a,0 0 42px #5874ff38,inset 0 0 24px #16d9d21a}.sidebar.glassPanel:after{content:"";opacity:.55;pointer-events:none;background:linear-gradient(#0000,#16d9d242,#0000);width:1px;height:180px;position:absolute;top:18%;right:0}.sidebar.glassPanel .sidebarFooter{align-self:stretch;margin-top:auto;padding:18px 14px 16px;transform:translateY(-8px)}@keyframes sidebarBorderNeon{0%,to{border-color:#16d9d257;box-shadow:0 28px 80px #00000061,0 0 22px #16d9d22e,0 0 42px #5874ff1a,inset 0 0 0 1px #ffffff14}50%{border-color:#b85cffa8;box-shadow:0 28px 80px #00000061,0 0 28px #16d9d257,0 0 54px #b85cff38,inset 0 0 0 1px #ffffff1a}}@keyframes sidebarLineNeon{0%,to{border-color:#16d9d29e;box-shadow:0 0 16px #16d9d257,inset 0 0 20px #16d9d214}50%{border-color:#b85cffd1;box-shadow:0 0 24px #16d9d27a,0 0 34px #b85cff42,inset 0 0 24px #5874ff1a}}@keyframes buttonNeonPulse{0%,to{border-color:#16d9d247;box-shadow:0 0 14px #16d9d21f}50%{border-color:#16d9d2b8;box-shadow:0 0 22px #16d9d252}}