body.layout{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:120px;height:100vh;top:0}.sidebar,.sidebar-auth{display:flex;flex-direction:column;align-items:flex-start;position:fixed;left:0;z-index:1;margin-left:0;margin-right:4px}.sidebar-auth{width:64px;height:100%;margin-top:0}.mobile-demo-left-sidebar{display:none}.logo-container,.logo-container-auth{width:100px;height:150px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;padding:10px;position:relative;z-index:1}.logo-container-auth:after,.logo-container-menu:after,.logo-container:after{content:"";position:absolute;top:40%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,rgba(0,255,204,.8) 0,rgba(0,102,255,.5) 30%,rgba(142,45,226,.3) 50%,rgba(0,255,136,0) 100%);filter:blur(8px);pointer-events:none;z-index:10;mix-blend-mode:screen;animation:pulseGradient 10s ease-in-out infinite alternate}.logo-container-auth:before,.logo-container-menu:before,.logo-container:before{content:"";position:absolute;top:35%;left:65%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,rgba(0,255,204,.9) 0,rgba(0,102,255,.6) 30%,rgba(142,45,226,.4) 50%,rgba(0,255,136,0) 100%);filter:blur(6px);pointer-events:none;z-index:11;mix-blend-mode:screen;animation:pulseGradient 10s ease-in-out infinite alternate,moveCenter 6s ease-in-out infinite alternate}@keyframes pulseGradient{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.logo-container img,.logo-container-auth img,.logo-container-menu img{position:relative;z-index:8!important}.header{position:fixed;top:0;left:0;right:0;width:100%;height:60px;z-index:100;background-color:#fff}.main-content{margin-left:125px;margin-right:125px}.main-content,.main-content-auth{margin-top:60px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;z-index:0}.main-content-auth{margin-left:120px;margin-right:120px}.pageHeader{z-index:95;background-color:#f5f5f5;height:60px;padding:0;left:120px;right:120px;align-items:center;justify-content:center}.pageHeader,.right-sidebar{position:fixed;top:0;display:flex}.right-sidebar{width:120px;height:100vh;right:0;z-index:90;flex-direction:column}.right-sidebar.demo-page{width:30%}.device-auth-button,.device-auth-button-auth{display:none}.desktop-auth-button{position:absolute;top:12px;left:50%;transform:translateX(-50%)}.desctop-auth-button-auth{transform:translateX(-33vw)}.desctop-auth-button-auth-open-chat-mode{transform:translateX(0)}@media (min-width:1024px) and (max-width:1660px){.content{width:100%;max-width:1425px}.right-sidebar.demo-page{position:fixed;top:0;right:0;width:40%;max-width:600px;height:100vh;background-color:transparent;display:flex;flex-direction:column;align-items:center;padding:10px 10px 10px 20px;gap:12px;z-index:1}}.mobile-demo-footer{display:none}.demo-container{display:flex;flex-direction:column;gap:12px;width:70%;align-items:center}.demo-card{width:100%;height:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(135deg,#00ffcc,#0066ff,#8e2de2,#00ff88);background-size:400% 400%;animation:demoCardGlow 8s ease infinite;box-shadow:0 0 15px rgba(0,255,200,.6),0 0 30px rgba(0,150,255,.5),inset 0 0 10px rgba(0,255,200,.4);transition:transform .3s ease,box-shadow .4s ease}.demo-card:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px rgba(0,255,255,.9),0 0 50px rgba(0,200,255,.7),0 0 80px rgba(100,0,255,.6),inset 0 0 20px rgba(0,255,180,.6)}@keyframes demoCardGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.demo-image{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}.subscriptionChip.MuiChip-root{color:green!important;font-size:.6rem;height:18px;border-radius:0!important;font-weight:700;border:2px solid green}.adminChip.MuiChip-root{color:#1976d2!important;font-size:.6rem;height:18px;border-radius:0!important;font-weight:700;border:2px solid #1976d2}.nice-button{opacity:.7;position:relative;top:10px;right:10px;border-radius:50px;border:none;font-size:26px;font-weight:700;text-decoration:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00ffcc,#0066ff,#8e2de2,#00ff88);background-size:400% 400%;animation:energyFlow 8s ease infinite;box-shadow:0 0 25px rgba(0,255,200,.6),0 0 50px rgba(0,150,255,.5),inset 0 0 20px rgba(0,255,200,.4);transition:transform .3s ease,box-shadow .4s ease;padding:12px 40px;margin:10px;font-size:18px;border-radius:30px}@keyframes energyFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.nice-button:hover{transform:scale(1.15);box-shadow:0 0 30px rgba(0,255,255,.9),0 0 60px rgba(0,200,255,.7),0 0 100px rgba(100,0,255,.6),inset 0 0 25px rgba(0,255,180,.6)}.nice-button:active{transform:scale(.95);box-shadow:0 0 40px rgba(0,255,200,1),0 0 70px rgba(0,200,255,.9),inset 0 0 30px rgba(0,255,200,.9)}@media (max-width:600px){.nice-button{padding:10px 20px;font-size:14px;border-radius:20px}}.desktop-demo-right-sidebar{display:flex;flex-direction:column;align-items:center;position:relative;top:0;right:-10px;width:35%;background-color:transparent;overflow:visible;z-index:1;margin-top:20px;margin-bottom:20px}.desktop-demo-right-sidebar .swiper{width:70vh;height:325px;border-radius:5px}.desktop-demo-right-sidebar .swiper-slide{display:flex;justify-content:center;align-items:flex-end;border-radius:5px}.desktop-demo-right-sidebar .demo-card{height:325px;max-height:325px;border-radius:5px}.desktop-demo-right-sidebar.glitch-paper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:70vh;background:linear-gradient(135deg,#00ffcc,#0066ff,#8e2de2,#00ff88);background-size:400% 400%;animation:paperGlow 8s ease infinite;box-shadow:0 0 25px rgba(0,255,200,.6),0 0 50px rgba(0,150,255,.5),inset 0 0 15px rgba(0,255,200,.4);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .4s ease}.desktop-demo-right-sidebar.glitch-paper:hover{transform:scale(1.02);box-shadow:0 0 35px rgba(0,255,255,.9),0 0 70px rgba(0,200,255,.7),0 0 120px rgba(100,0,255,.6),inset 0 0 30px rgba(0,255,180,.6);z-index:1}@keyframes paperGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:1660px) and (min-width:1025px){.logo-container,.logo-container img{display:flex;width:64px;height:auto;padding:0;margin:10px 0 16px;top:0}.logo-container-auth:after,.logo-container:after{top:35%;left:45%;width:80px;height:80px}.logo-container-auth:before,.logo-container:before{top:40%;left:50%;width:80px;height:80px}.logo-container-auth,.logo-container-auth img{display:flex;width:64px;height:auto;margin-top:15px;padding:0;margin-bottom:16px}.sidebar{margin-left:5px;top:42px}.sidebar,.sidebar-auth{width:72px;height:100%;display:flex;flex-direction:column;align-items:flex-start;position:fixed;left:0;z-index:1}.sidebar-auth{margin-left:13px;margin-top:0}.right-sidebar{width:0;padding:64px 5px 5px;margin-left:2px;z-index:1;position:relative}.main-content,.main-content-auth{flex:1;flex-direction:column;z-index:0;min-width:calc(100% - 60px);margin-top:60px;margin-left:60px;margin-right:0;display:flex;position:relative}.pageHeader{position:fixed;top:0;left:0;right:0;height:60px;z-index:95;background-color:#f5f5f5;padding:0}.desktop-auth-button{display:none}.desctop-auth-button-auth{transform:translateX(-18vw)}.device-auth-button-auth{display:none}.device-auth-button{width:64px;height:auto;margin-top:16px;margin-bottom:16px;display:flex;padding:0 10px;position:absolute;bottom:25%;left:50%;transform:translateX(-50%)}}@media (max-width:1024px){.logo-container,.logo-container img{display:flex;width:64px;height:auto;padding:0;margin:10px 0 16px;top:0}.logo-container-auth:after,.logo-container:after{top:35%;left:45%;width:80px;height:80px}.logo-container-auth:before,.logo-container:before{top:40%;left:50%;width:80px;height:80px}.logo-container-auth,.logo-container-auth img{display:flex;width:64px;height:auto;margin-top:15px;padding:0;margin-bottom:16px}.right-sidebar{width:0;padding:64px 5px 5px;margin-left:2px;z-index:1}.desctop-auth-button-auth{transform:none}.openChatMode-auth-button{transform:none;margin-top:70px}.desktop-auth-button,.device-auth-button-auth{display:none}.device-auth-button{width:64px;height:auto;margin-top:16px;margin-bottom:16px;display:flex;padding:0 10px;position:absolute;bottom:18%;left:50%;transform:translateX(-50%)}.main-content{width:calc(100% - 50px);margin-left:72px}.main-content,.main-content-auth{box-sizing:border-box;z-index:0;flex-direction:column;margin-top:60px;margin-right:0;display:flex}.main-content-auth{width:calc(98% - 50px);margin-left:60px}.content{width:100%}.pageHeader{position:fixed;top:55px;left:60px;right:0;height:60px;z-index:95;background-color:#f5f5f5;padding:0}.sidebar{width:72px;margin-left:3px;padding-right:4px;top:55px}.sidebar,.sidebar-auth{height:100%;display:flex;flex-direction:column;align-items:flex-start;position:fixed;left:0;z-index:1}.sidebar-auth{width:64px;margin-top:0}.device-auth-button{bottom:20%}.right-sidebar.demo-page{width:1px}.demo-page-paper,.desktop-demo-right-sidebar{display:none!important}.mobile-demo-left-sidebar{top:3vh;display:flex;justify-content:center;align-items:flex-start;margin-bottom:25px;position:relative;transform:translateX(-34vh);overflow:visible;border-radius:3px}.mobile-demo-left-sidebar .swiper{height:100%;width:40vh;border-radius:3px}.mobile-demo-left-sidebar .swiper-slide{display:flex;justify-content:center;align-items:flex-end;transform:translateX(-31vh);border-radius:3px}.mobile-demo-left-sidebar .demo-card{height:201px;box-shadow:0 4px 12px rgba(129,167,6,.15);border-radius:3px}.glitch-paper{position:relative;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,#00ffcc,#0066ff,#8e2de2,#00ff88);background-size:400% 400%;animation:paperGlow 8s ease infinite;box-shadow:0 0 20px rgba(0,255,200,.7),0 0 40px rgba(0,150,255,.6),0 0 60px rgba(142,45,226,.5),inset 0 0 20px rgba(0,255,200,.5)}@media (max-width:1024px) and (min-width:601px){.content{width:100%}.pageHeader{z-index:95;background-color:#f5f5f5;height:60px;padding:0;position:fixed;top:0;left:0;right:0}.nice-button{padding:12px 30px;font-size:16px;border-radius:25px}}@media (max-width:767px){.logo-container-menu,.logo-container-menu img{width:32px;padding:0;margin:0;top:0}.logo-container-menu:after{width:40px;height:40px;right:2%;top:0;left:auto;transform:none}.logo-container-menu:before{width:40px;height:40px;right:3%;top:0;left:auto;transform:none}.main-content{width:100%;left:0}.main-content,.main-content-auth{margin-top:0;margin-left:0;margin-right:0;top:110px;position:absolute}.main-content-auth{width:85%;left:60px}.pageHeader{left:0}.sidebar{z-index:1200;transform:translateX(-130%);background-color:#f5f5f5;width:72px;margin-left:0}.sidebar.open{transform:translateX(0);background-color:#303030;opacity:.8;width:70px;margin-left:0;padding-left:3px}.device-auth-button{bottom:25%}}}