.drawer-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0e1ed9;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:1000}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172afa,#1e293bf7 50%,#0f172afa);border-right:1px solid #10b98133;box-shadow:4px 0 40px #0009,inset -1px 0 0 #10b9811a;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;left:-320px;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:0;transition:left .35s cubic-bezier(.4,0,.2,1);width:320px}.drawer-content.open{left:0}.drawer-background-gradient{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#10b9810d,#06b6d40d 50%,#8b5cf60d);background-size:200% 200%;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}.drawer-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:10px}.drawer-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#0891b2)}.drawer-header{background:#0f172a80;border-bottom:1px solid #10b98126;margin-bottom:0;padding:28px 20px 24px;position:relative;text-align:center;z-index:1}.drawer-logo-container{display:inline-block;margin-bottom:16px;position:relative}.drawer-logo{background:#ffffff0d;border-radius:16px;box-shadow:0 8px 24px #0000004d,0 0 0 1px #10b98133,inset 0 1px 0 #ffffff1a;height:70px;object-fit:contain;padding:10px;position:relative;transition:all .3s ease;width:70px;z-index:1}.drawer-logo:hover{box-shadow:0 12px 32px #10b9814d,0 0 0 1px #10b98166,inset 0 1px 0 #ffffff26;transform:scale(1.05)}.drawer-logo-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#10b9814d 0,#0000 70%);border-radius:50%;height:90px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.drawer-title{align-items:center;display:flex;font-size:24px;font-weight:800;gap:6px;justify-content:center;letter-spacing:-.02em;margin:0}.title-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #10b9814d}.title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;background-clip:text}.close-button{align-items:center;background:#33415599;border:1px solid #47556980;border-radius:10px;box-shadow:0 2px 8px #0003;color:#cbd5e1;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:2}.close-button:hover{background:#ef444433;border-color:#ef444466;box-shadow:0 4px 12px #ef44444d;color:#f87171;transform:scale(1.1) rotate(90deg)}.close-button:active{transform:scale(.95) rotate(90deg)}.drawer-divider{background:linear-gradient(90deg,#0000,#10b9814d 50%,#0000);height:1px;margin:16px 20px;position:relative;z-index:1}.drawer-nav-section{padding:8px 12px;position:relative;z-index:1}.drawer-item{align-items:center;background:#33415533;border:1px solid #47556933;border-radius:12px;color:#cbd5e1;cursor:pointer;display:flex;gap:14px;margin:6px 0;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-item:before{background:linear-gradient(135deg,#10b981,#06b6d4);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:0}.drawer-item:hover{background:#10b98126;border-color:#10b9814d;box-shadow:0 4px 12px #10b98133;transform:translateX(4px)}.drawer-item:hover:before{width:4px}.drawer-item:active{transform:translateX(2px) scale(.98)}.drawer-item-icon{align-items:center;background:linear-gradient(135deg,#10b98133,#06b6d433);border-radius:10px;color:#10b981;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px;z-index:1}.drawer-item:hover .drawer-item-icon{background:linear-gradient(135deg,#10b9814d,#06b6d44d);box-shadow:0 4px 12px #10b9814d;color:#34d399;transform:scale(1.1)}.drawer-text{color:#e2e8f0;flex:1 1;font-size:16px;font-weight:600;position:relative;transition:color .3s ease;z-index:1}.drawer-item:hover .drawer-text{color:#10b981}.drawer-item-ripple{background:#10b98166;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:0;z-index:0}.drawer-item-ripple.animate{animation:ripple .6s ease-out}@keyframes ripple{to{height:200px;opacity:0;transform:translate(-50%,-50%) scale(1);width:200px}}.drawer-categories-section{padding:8px 12px;position:relative;z-index:1}.drawer-category-header{cursor:pointer}.drawer-category-arrow{color:#64748b;font-size:14px;position:relative;transition:all .3s ease;z-index:1}.drawer-category-header:hover .drawer-category-arrow{color:#10b981;transform:scale(1.2)}.drawer-categories-dropdown{animation:slideDown .3s ease-out;margin-top:8px;padding:0 4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-select{-webkit-appearance:none;appearance:none;background:#1e293bcc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2310b981' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #47556980;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:500;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.drawer-select:hover{background-color:#33415599;border-color:#10b98166;box-shadow:0 0 0 3px #10b9811a}.drawer-select:focus{background-color:#334155cc;border-color:#10b981;box-shadow:0 0 0 3px #10b98133;outline:none}.drawer-select option{background-color:#1e293b;color:#e2e8f0;padding:12px}.drawer-select optgroup{background-color:#10b9811a;color:#10b981;font-weight:700}.drawer-social-section{margin-top:auto;padding:20px;position:relative;z-index:1}.drawer-social-title{align-items:center;color:#cbd5e1;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-bottom:16px;text-align:center}.social-title-icon{filter:drop-shadow(0 0 8px rgba(16,185,129,.5));font-size:20px}.drawer-social-links{display:flex;flex-direction:column;gap:10px}.drawer-social-link{align-items:center;background:#3341554d;border:1px solid #4755694d;border-radius:12px;color:#cbd5e1;display:flex;gap:14px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-social-link:hover{background:#33415580;border-color:#10b98166;box-shadow:0 4px 12px #10b98133;transform:translateX(4px)}.drawer-social-link.facebook:hover{background:#3b599826;border-color:#3b599899}.drawer-social-link.instagram:hover{background:#e1306c26;border-color:#e1306c99}.social-link-icon{align-items:center;background:#10b98126;border-radius:8px;color:#10b981;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.drawer-social-link.facebook .social-link-icon{background:#3b599833;color:#3b5998}.drawer-social-link.instagram .social-link-icon{background:#e1306c33;color:#e1306c}.drawer-social-link:hover .social-link-icon{box-shadow:0 4px 12px #10b9814d;transform:scale(1.15) rotate(5deg)}.drawer-social-link.facebook:hover .social-link-icon{box-shadow:0 4px 12px #3b599866}.drawer-social-link.instagram:hover .social-link-icon{box-shadow:0 4px 12px #e1306c66}.drawer-social-link span{font-size:15px;font-weight:600;transition:color .3s ease}.drawer-social-link:hover span{color:#10b981}.drawer-social-link.facebook:hover span{color:#3b5998}.drawer-social-link.instagram:hover span{color:#e1306c}.drawer-footer{background:#0f172a80;border-top:1px solid #10b98126;margin-top:auto;padding:20px;position:relative;text-align:center;z-index:1}.drawer-footer-text{color:#64748b;font-size:13px;font-weight:600;margin:0 0 6px}.drawer-footer-subtext{color:#475569;font-size:12px;margin:0}@media (max-width:768px){.drawer-content{left:-300px;width:300px}.drawer-logo{height:60px;width:60px}.drawer-title{font-size:22px}}@media (max-width:480px){.drawer-content{left:-280px;width:280px}.drawer-logo{height:55px;width:55px}.drawer-title{font-size:20px}.drawer-item{padding:12px 14px}.drawer-item-icon{font-size:16px;height:36px;width:36px}.drawer-text{font-size:15px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.drawer-content.open{animation:slideInLeft .35s cubic-bezier(.4,0,.2,1)}.appbar-container{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2 50%,#f1f5f9f2);border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;display:flex;height:72px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.appbar-container:before{background:linear-gradient(135deg,#3bc8d30d,#10b9810d 50%,#3b82f60d);content:""}.appbar-container:before,.appbar-gradient-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.appbar-gradient-overlay{background:linear-gradient(45deg,#3bc8d308,#0000 50%,#10b98108)}.appbar-icon-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:none;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000001a;color:#1e293b;cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.appbar-icon-button:hover{background:#fffffff2;box-shadow:0 8px 25px #0000001f,0 4px 10px #00000014;transform:translateY(-2px)}.appbar-icon-button:active{box-shadow:0 2px 8px #00000014,0 1px 2px #0000001a;transform:translateY(0)}.menu-button:hover{background:linear-gradient(135deg,#3bc8d31a,#10b9811a);color:#059669}.orders-button:hover{background:linear-gradient(135deg,#3b82f61a,#10b9811a);color:#3b82f6}.appbar-icon-button .icon{font-size:20px;transition:all .3s ease;z-index:2}.appbar-icon-button:hover .icon{transform:scale(1.1)}.button-ripple{background:#3bc8d34d;border-radius:50%;height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.appbar-icon-button:active .button-ripple{height:60px;width:60px}.appbar-center{flex:1 1;gap:16px;z-index:2}.appbar-center,.logo-container{align-items:center;display:flex;justify-content:center}.logo-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #fff9;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #fffc;height:56px;overflow:hidden;position:relative;transition:all .4s ease;width:56px}.logo-container:before{background:linear-gradient(135deg,#3bc8d314,#10b98114 50%,#3b82f614);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.logo-container:hover:before{opacity:1}.logo-container:hover{box-shadow:0 12px 40px #00000026,0 8px 20px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.05)}.appbar-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:45px!important;object-fit:contain!important;position:relative;transition:all .3s ease;width:45px!important;z-index:2}.logo-container:hover .appbar-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.logo-glow{animation:logoGlow 3s ease-in-out infinite;background:radial-gradient(circle,#3bc8d333 0,#10b9811a 40%,#0000 70%);border-radius:50%;height:70px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:70px}.logo-container:hover .logo-glow{opacity:1}@keyframes logoGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.title-container{flex-direction:column;gap:2px}.appbar-title,.title-container{align-items:center;display:flex}.appbar-title{font-size:28px;font-weight:800;gap:4px;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.title-gradient{color:#1e3a5f;transition:all .3s ease}.title-accent{color:#3bc8d3;transition:all .3s ease}@keyframes titleShimmer{0%,to{background:linear-gradient(135deg,#1e293b,#334155 30%,#059669 60%,#06b6d4)}50%{background:linear-gradient(135deg,#059669,#06b6d4 30%,#3b82f6 60%,#1e293b)}}.appbar-title:hover .title-accent{color:#06b6d4;text-shadow:0 0 15px #06b6d466}.title-underline{animation:underlineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#059669,#06b6d4 50%,#3b82f6);border-radius:2px;height:3px;transition:all .3s ease;width:60px}@keyframes underlineGlow{0%{box-shadow:0 0 5px #0596694d;transform:scaleX(1)}to{box-shadow:0 0 15px #06b6d480;transform:scaleX(1.1)}}.orders-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 8px #ef444466;display:flex;height:12px;justify-content:center;position:absolute;right:8px;top:8px;width:12px}.orders-dot{animation:ordersPulse 2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;width:4px}@keyframes ordersPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.admin-dialog-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-dialog-box{animation:dialogSlideIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fffc;border-radius:20px;box-shadow:0 25px 50px #0003,0 10px 25px #0000001a;max-width:400px;overflow:hidden;padding:32px;position:relative;width:90%}.admin-dialog-box:before{background:linear-gradient(135deg,#3bc8d30d,#10b9810d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-dialog-header{margin-bottom:24px;position:relative;text-align:center;z-index:2}.admin-icon{animation:iconBounce 2s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.admin-title{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px;text-shadow:0 1px 2px #0000001a}.admin-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}.admin-input-container{margin-bottom:24px;position:relative;z-index:2}.admin-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f0cc;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.admin-input:focus{background:#fffffff2;border-color:#059669;box-shadow:0 0 0 3px #0596691a,0 4px 12px #0000001a;outline:none}.admin-input::placeholder{color:#94a3b8;font-weight:500}.input-focus-line{background:linear-gradient(90deg,#059669,#06b6d4);border-radius:1px;bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.admin-input:focus+.input-focus-line{width:100%}.admin-dialog-actions{display:flex;gap:12px;justify-content:flex-end;position:relative;z-index:2}.admin-button{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.admin-button.cancel{background:#94a3b81a;border:1px solid #94a3b84d;color:#64748b}.admin-button.cancel:hover{background:#94a3b833;color:#475569;transform:translateY(-1px)}.admin-button.submit{background:linear-gradient(135deg,#059669,#06b6d4);box-shadow:0 4px 12px #0596694d;color:#fff}.admin-button.submit:hover{background:linear-gradient(135deg,#047857,#0891b2);box-shadow:0 8px 20px #05966966;transform:translateY(-2px)}.admin-button:active{transform:translateY(0)}@media (max-width:768px){.appbar-container{height:64px;padding:0 16px}.appbar-icon-button{height:44px;width:44px}.appbar-icon-button .icon{font-size:18px}.logo-container{height:48px;width:48px}.appbar-logo{height:38px!important;width:38px!important}.appbar-title{font-size:24px}.appbar-center{gap:12px}}@media (max-width:640px){.appbar-container{height:60px;padding:0 12px}.appbar-icon-button{height:40px;width:40px}.appbar-icon-button .icon{font-size:16px}.logo-container{height:44px;width:44px}.appbar-logo{height:32px!important;width:32px!important}.appbar-title{font-size:20px}.appbar-center{gap:8px}.admin-dialog-box{margin:16px;padding:24px}}@media (max-width:480px){.appbar-container{height:56px;padding:0 8px}.appbar-icon-button{height:36px;width:36px}.logo-container{height:40px;width:40px}.appbar-logo{height:28px!important;width:28px!important}.appbar-title{font-size:18px}.title-underline{height:2px;width:40px}}.welcome-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out;z-index:10000}.welcome-popup-overlay.visible{opacity:1}.welcome-popup-container{animation:fadeInUp .5s ease-out forwards;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;opacity:0;padding:40px 30px;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-in-out;width:100%}.welcome-popup-container.visible{opacity:1;transform:scale(1) translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-popup-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:36px;z-index:10}.welcome-popup-close:hover{background-color:#f0f0f0;color:#333;transform:rotate(90deg)}.welcome-popup-close:active{transform:rotate(90deg) scale(.95)}.welcome-popup-logo{margin-bottom:25px}.logo-placeholder,.welcome-popup-logo{align-items:center;display:flex;justify-content:center}.logo-placeholder{background:linear-gradient(135deg,#10b981,#06b6d4 30%,#3b82f6 60%,#8b5cf6);border-radius:15px;box-shadow:0 4px 15px #0000001a;height:120px;overflow:hidden;width:120px}.logo-placeholder img{height:100%;object-fit:contain;padding:15px;width:100%}.logo-fallback{color:#fff;font-size:48px;font-weight:700;text-shadow:0 2px 4px #0003}.welcome-popup-content{direction:rtl;margin-bottom:30px;text-align:center}.welcome-popup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#06b6d4 30%,#3b82f6 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.6;margin:0 0 15px}.welcome-popup-text,.welcome-popup-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Tahoma,sans-serif}.welcome-popup-text{color:#555;font-size:16px;line-height:1.8;margin:0;padding:0 10px}.welcome-popup-cta{background:linear-gradient(135deg,#10b981,#06b6d4 30%,#3b82f6 60%,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 15px #10b98166;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Tahoma,sans-serif;font-size:18px;font-weight:600;letter-spacing:.5px;padding:16px 32px;transition:all .3s ease;width:100%}.welcome-popup-cta:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.welcome-popup-cta:active{box-shadow:0 4px 15px #10b98166;transform:translateY(0)}@media (max-width:768px){.welcome-popup-container{border-radius:16px;max-width:90%;padding:35px 25px}.welcome-popup-close{font-size:20px;height:32px;right:12px;top:12px;width:32px}.logo-placeholder{height:100px;width:100px}.logo-fallback{font-size:40px}.welcome-popup-title{font-size:24px}.welcome-popup-text{font-size:15px;padding:0 5px}.welcome-popup-cta{font-size:16px;padding:14px 28px}}@media (max-width:480px){.welcome-popup-overlay{padding:15px}.welcome-popup-container{border-radius:14px;padding:30px 20px}.logo-placeholder{height:80px;width:80px}.logo-fallback{font-size:32px}.welcome-popup-title{font-size:22px;margin-bottom:12px}.welcome-popup-text{font-size:14px}.welcome-popup-content{margin-bottom:25px}.welcome-popup-cta{font-size:15px;padding:13px 24px}}body.popup-open{overflow:hidden}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #7dff7db3;transform:scale(1)}70%{box-shadow:0 0 0 10px #7dff7d00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #7dff7d00;transform:scale(1)}}.wiggle-button{animation:wiggle 2s ease-in-out infinite;will-change:transform}.wiggle-button:hover{animation:none;background-color:#6ce06c}.page-container{align-items:center;background-color:#000;display:flex;flex-direction:column;min-height:100vh;padding:24px}.title{color:#fff;font-size:24px;font-weight:700;margin-bottom:16px}.error-message{color:#f44336;font-size:14px;margin-bottom:8px}.input-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;max-width:400px;padding:24px;width:100%}.label{font-size:14px;font-weight:600}.input-field{border:1px solid #ccc;font-size:14px}.input-field,.upload-button{border-radius:8px;padding:12px}.upload-button{background-color:red;border:none;color:#fff;cursor:pointer;font-weight:600;margin-top:16px}.upload-button:hover{background-color:#0056b3}.uploaded-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:32px}.guppy-grid{grid-gap:16px;display:grid;gap:16px;max-width:400px;width:100%}.guppy-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:24px}.video-preview{border-radius:8px;margin-bottom:16px;width:100%}.guppy-info{text-align:center}.guppy-name{font-weight:600}.guppy-status{color:#666;font-size:14px}.progress-container{background-color:#f3f3f3;height:5px;margin-top:10px;width:100%}.progress-bar{background-color:#4caf50;height:100%;transition:width .3s ease}.admin-chat-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0a0e1e,#1a1f2e 25%,#0f172a 50%,#1a1f2e 75%,#0a0e1e);background-size:400% 400%;color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:0;position:relative}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.admin-chat-container:before{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:40px 40px;content:"";inset:0;opacity:.03;pointer-events:none;position:absolute;z-index:0}.admin-chat-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bfa,#334155f2);border-bottom:1px solid #10b98133;box-shadow:0 2px 10px #0003;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:16px;position:relative;z-index:1}.header-content,.header-icon{align-items:center;display:flex}.header-icon{border-radius:50%;box-shadow:0 2px 8px #10b9814d;flex-shrink:0;height:48px;justify-content:center;width:48px}.header-icon,.header-title{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.header-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600;line-height:1.2;margin:0}.header-subtitle{color:#94a3b8;font-size:13px;line-height:1.2;margin:4px 0 0}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px;position:relative;z-index:1}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#334155e6);border:1px solid #10b98133;border-radius:16px;box-shadow:0 4px 12px #0003;display:flex;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#10b98166;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.stat-total{border-color:#3b82f64d}.stat-unread{border-color:#ef44444d}.stat-read{border-color:#10b9814d}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-total .stat-icon{background:linear-gradient(135deg,#3b82f633,#2563eb33);color:#60a5fa}.stat-unread .stat-icon{background:linear-gradient(135deg,#ef444433,#dc262633);color:#f87171}.stat-read .stat-icon{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981}.stat-info{flex:1 1}.stat-value{color:#fff;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:13px;font-weight:500}.controls-container{padding:0 24px 20px;position:relative;z-index:1}.search-wrapper{margin-bottom:16px;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2}.search-input{background:#334155cc;border:2px solid #47556966;border-radius:12px;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:14px 50px 14px 16px;transition:all .2s;width:100%}.search-input:focus{background:#334155;border-color:#10b98199;box-shadow:0 0 0 3px #10b9811a}.search-input::placeholder{color:#64748b}.clear-search-btn{align-items:center;background:#6b72804d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:24px;z-index:3}.clear-search-btn:hover{background:#6b728080;transform:translateY(-50%) scale(1.1)}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-group{align-items:center;background:#33415599;border:1px solid #4755694d;border-radius:10px;display:flex;gap:8px;padding:8px 12px}.filter-icon{color:#10b981;font-size:14px}.filter-select{background:#0000;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;outline:none}.filter-select option{background:#1e293b;color:#fff}.sort-order-btn{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:6px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;transition:all .2s;width:28px}.sort-order-btn:hover{background:#10b9814d;transform:scale(1.1)}.mark-all-read-btn{align-items:center;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b98166;border-radius:10px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:8px 16px;transition:all .2s;white-space:nowrap}.mark-all-read-btn:hover{background:linear-gradient(135deg,#10b9814d,#06b6d44d);box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.delete-all-btn{align-items:center;background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid #ef444466;border-radius:10px;color:#f87171;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.delete-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#dc26264d);box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.delete-all-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-delete-btn{align-items:center;background:#6b728033;border:1px solid #6b728066;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.cancel-delete-btn:hover{background:#6b72804d;transform:translateY(-1px)}.chat-list-container{flex:1 1;overflow-y:auto;padding:0 24px 24px;position:relative;z-index:1}.chat-list-container::-webkit-scrollbar{width:8px}.chat-list-container::-webkit-scrollbar-track{background:#3341554d;border-radius:10px}.chat-list-container::-webkit-scrollbar-thumb{background:#10b98180;border-radius:10px}.chat-list-container::-webkit-scrollbar-thumb:hover{background:#10b981b3}.chat-list{display:flex;flex-direction:column;gap:12px}.chat-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#334155e6);border:1px solid #4755694d;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-item:before{background:linear-gradient(135deg,#10b981,#06b6d4);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.chat-item:hover{border-color:#10b98166;box-shadow:0 4px 16px #0003;transform:translateX(-4px)}.chat-item:hover:before{transform:scaleY(1)}.chat-item.unread{background:linear-gradient(135deg,#1e293bfa,#334155f2);border-color:#ef444466;box-shadow:0 2px 8px #ef444433}.chat-item.unread:before{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scaleY(1)}.chat-item.hovered{transform:translateX(-6px) scale(1.01)}.chat-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:56px;justify-content:center;position:relative;width:56px}.chat-item.unread .chat-avatar{box-shadow:0 2px 8px #ef44444d}.chat-item.unread .chat-avatar,.unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626)}.unread-badge{animation:pulse-badge 2s infinite;border:2px solid #0f172a;border-radius:12px;box-shadow:0 2px 6px #ef444480;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.chat-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.chat-name{color:#fff;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#94a3b8;flex-shrink:0;font-size:12px;white-space:nowrap}.chat-preview{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:8px;line-height:1.4}.text-message-preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-message-preview{align-items:center;color:#60a5fa;display:flex;font-style:italic;gap:6px}.unread-indicator{animation:pulse-dot 2s infinite;background:#ef4444;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.chat-status{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.status-unread{animation:bounce 2s infinite;color:#ef4444}.status-read{color:#10b981}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#94a3b8;font-size:15px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:8px;opacity:.5}.empty-state h3{color:#fff;font-size:20px;font-weight:600;margin:0}.empty-state p{color:#94a3b8;font-size:15px;margin:0;max-width:400px}@media (max-width:768px){.admin-chat-container{padding:0}.admin-chat-header{padding:12px 16px}.header-content{gap:12px}.header-icon{height:40px;width:40px}.header-title{font-size:18px}.header-subtitle{font-size:12px}.stats-container{gap:10px;grid-template-columns:1fr;padding:12px 16px}.stat-card{gap:12px;padding:14px}.stat-icon{height:40px;width:40px}.stat-value{font-size:24px}.stat-label{font-size:12px}.controls-container{padding:0 16px 12px}.search-wrapper{margin-bottom:12px}.search-input{font-size:14px;padding:12px 45px 12px 12px}.filters-container{align-items:stretch;flex-direction:column;gap:10px}.filter-group{justify-content:space-between;padding:10px 12px;width:100%}.cancel-delete-btn,.delete-all-btn,.mark-all-read-btn{font-size:13px;justify-content:center;min-height:44px;padding:10px 16px;width:100%}.chat-list-container{padding:0 16px 16px}.chat-item{border-radius:12px;gap:12px;padding:12px}.chat-avatar{font-size:16px;height:48px;width:48px}.chat-name{font-size:15px}.chat-preview{font-size:13px}.chat-time{font-size:11px}.chat-item:hover{transform:none}}
/*# sourceMappingURL=main.1ace93f1.css.map*/