@charset "UTF-8";.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;border-bottom:1px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar.transparent{background:transparent;border-bottom:1px solid transparent;box-shadow:none}.navbar.transparent .navbar-container .navbar-logo .logo-text,.navbar.transparent .navbar-container .mobile-toggle,.navbar.transparent .navbar-container .navbar-categories .category-link{color:#fff}.navbar.transparent .navbar-container .navbar-categories .category-link:after{background:#fff}.navbar.transparent .navbar-container .navbar-actions .action-item{color:#fff}.navbar.transparent .navbar-container .navbar-actions .action-item:hover{color:#a6813b}.navbar.transparent .navbar-container .navbar-search .search-icon{color:#fffc}.navbar.transparent .navbar-container .navbar-search input{background:#ffffff1a;border-color:#fff3;color:#fff}.navbar.transparent .navbar-container .navbar-search input::placeholder{color:#fff9}.navbar.transparent .navbar-container .navbar-search input:focus{background:#fff3;border-color:#fff}.navbar.transparent .navbar-container .mobile-search-expanded-inline input{background:#ffffff1a;border-color:#fff3;color:#fff}.navbar.transparent .navbar-container .mobile-search-expanded-inline input::placeholder{color:#fff9}.navbar.transparent .navbar-container .mobile-search-expanded-inline input:focus{background:#fff3;border-color:#fff}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d;border-bottom:1px solid rgba(0,0,0,.05)}.navbar .navbar-container{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:80px;transition:height .3s ease;gap:0}@media (max-width: 768px){.navbar .navbar-container{padding:0 16px;height:60px}}@media (max-width: 480px){.navbar .navbar-container{padding:0 8px;height:56px}}.navbar .appointment-cta{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.1rem;background:#0f172a;border:none;border-radius:50px;color:#fff!important;text-decoration:none;font-family:Playfair Display,serif;font-weight:700;font-size:.9rem;text-transform:capitalize;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0;flex-shrink:0;line-height:1;box-shadow:0 4px 15px #0f172a33}.navbar .appointment-cta svg{font-size:1.1rem;stroke-width:1.5px}.navbar .appointment-cta:hover{background:#a6813b;color:#fff!important;box-shadow:0 6px 20px #a6813b4d;transform:translateY(-2px)}.navbar .appointment-cta:active{transform:translateY(0)}@media (max-width: 1280px){.navbar .appointment-cta{padding:.4rem .9rem;font-size:.75rem;margin:0 .5rem}}@media (max-width: 1100px){.navbar .appointment-cta span{display:none}.navbar .appointment-cta{padding:0;width:38px;height:38px;justify-content:center;border-radius:50%}}@media (max-width: 1024px){.navbar .appointment-cta{display:none!important}}.navbar .navbar-logo{display:flex;align-items:center;z-index:1}@media (max-width: 1024px){.navbar .navbar-logo{margin-left:1rem}}.navbar .navbar-logo .logo-image{height:40px;width:auto;object-fit:contain;z-index:10;flex-shrink:0;position:relative}@media (min-width: 1025px){.navbar .navbar-logo .logo-image{margin-right:0;max-width:200px}}@media (max-width: 1024px){.navbar .navbar-logo .logo-image{margin-right:0;margin-left:.1rem}}@media (max-width: 480px){.navbar .navbar-logo .logo-image{margin-left:.05rem}}.navbar .navbar-categories{display:flex;gap:1.25rem;align-items:center}@media (max-width: 1024px){.navbar .navbar-categories{display:none!important}}.navbar .navbar-categories.categories-left{margin-left:1.5rem}.navbar .navbar-categories.categories-right{margin-left:1rem;margin-right:.5rem}.navbar .navbar-categories .category-item{position:relative}.navbar .navbar-categories .category-link{color:#0f172a;text-decoration:none;font-weight:600;font-size:.95rem;position:relative;transition:color .3s ease;white-space:nowrap;padding:.5rem 0}.navbar .navbar-categories .category-link:hover{color:#0f172a}.navbar .navbar-categories .category-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#0f172a;transition:width .3s ease}.navbar .navbar-categories .category-link:hover:after{width:100%}.navbar .navbar-categories .category-dropdown{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:8px;padding:.5rem 0;min-width:200px;z-index:1000;margin-top:.5rem}.navbar .navbar-categories .category-dropdown .dropdown-item{display:block;padding:.75rem 1.5rem;color:#0f172a;text-decoration:none;transition:all .2s ease;font-size:.95rem}.navbar .navbar-categories .category-dropdown .dropdown-item:hover{background:#0000000d;color:#0f172a}.navbar .navbar-categories .category-dropdown .dropdown-item:last-child{border-radius:0 0 8px 8px}.navbar .navbar-search{flex:0 1 500px;max-width:500px;min-width:400px;margin:0 auto;position:relative}@media (max-width: 1024px){.navbar .navbar-search{display:none}}@media (min-width: 1025px){.navbar .navbar-search{display:block}}@media (min-width: 1201px) and (max-width: 1400px){.navbar .navbar-search{max-width:450px}}@media (min-width: 1401px){.navbar .navbar-search{max-width:500px}}.navbar .navbar-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem;z-index:1;pointer-events:none}.navbar .navbar-search input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e2e8f0;border-radius:25px;font-size:.95rem;background:#fff;color:#0f172a}.navbar .navbar-search input::placeholder{color:#94a3b8}.navbar .navbar-search input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 2px #0000000d}.navbar .navbar-actions{display:flex;align-items:center;gap:.4rem;z-index:10;margin-left:auto;position:relative;flex-shrink:0}@media (max-width: 768px){.navbar .navbar-actions{gap:.2rem}}@media (max-width: 480px){.navbar .navbar-actions{gap:.15rem}}.navbar .navbar-actions .action-item{display:flex;align-items:center;color:#0f172a;transition:color .3s ease;cursor:pointer;position:relative;padding:.4rem;min-width:40px;min-height:44px;justify-content:center}@media (max-width: 480px){.navbar .navbar-actions .action-item{padding:.4rem;min-width:40px;min-height:40px}}.navbar .navbar-actions .action-item svg{font-size:1.4rem;stroke-width:1.5px}@media (max-width: 768px){.navbar .navbar-actions .action-item svg{font-size:1.3rem}}@media (max-width: 480px){.navbar .navbar-actions .action-item svg{font-size:1.2rem}}.navbar .navbar-actions .action-item .action-label{display:none}.navbar .navbar-actions .action-item .cart-badge{position:absolute;top:4px;right:4px;background:#a6813b;color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;border-radius:50%;min-width:16px;height:16px;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 480px){.navbar .navbar-actions .action-item .cart-badge{font-size:.6rem;min-width:14px;height:14px;top:2px;right:2px}}.navbar .navbar-actions .action-item:hover{color:#a6813b}.navbar .navbar-actions .action-item:active{transform:scale(.95)}@media (max-width: 1024px){.navbar .navbar-actions .cart-desktop-only{display:none!important}}.navbar .mobile-toggle{display:none;background:none;border:none;cursor:pointer;color:inherit;padding:.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0;z-index:10}@media (max-width: 1024px){.navbar .mobile-toggle{display:none!important}}.navbar .mobile-toggle svg{font-size:1.5rem}@media (max-width: 480px){.navbar .mobile-toggle svg{font-size:1.3rem}}.navbar .mobile-toggle:active{transform:scale(.9)}@media (max-width: 1024px){.navbar .desktop-only{display:none!important}}.navbar .mobile-search-toggle{display:none;background:none;border:none;cursor:pointer;color:inherit;padding:.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:10}@media (max-width: 1024px){.navbar .mobile-search-toggle{display:flex}}@media (max-width: 480px){.navbar .mobile-search-toggle{min-width:40px;min-height:40px;padding:.4rem}}.navbar .mobile-search-toggle svg{font-size:1.3rem}@media (max-width: 480px){.navbar .mobile-search-toggle svg{font-size:1.2rem}}.navbar .mobile-search-toggle:active{transform:scale(.9)}.navbar .mobile-search-toggle:hover{color:#a6813b}.navbar .mobile-search-expanded-inline{display:none}@media (max-width: 1024px){.navbar .mobile-search-expanded-inline{display:flex;flex:1;min-width:0;max-width:none;margin:0 .5rem;align-items:center;z-index:10;animation:expandSearch .3s ease;overflow:hidden}}@keyframes expandSearch{0%{opacity:0;max-width:0}to{opacity:1;max-width:100%}}@media (max-width: 480px){.navbar .mobile-search-expanded-inline{margin:0 .3rem}}.navbar .mobile-search-expanded-inline form{position:relative;display:flex;align-items:center;width:100%;min-width:0;flex:1}.navbar .mobile-search-expanded-inline form .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#f8fafc;font-size:1.1rem;z-index:1;pointer-events:none}.navbar .mobile-search-expanded-inline form input{flex:1;min-width:0;padding:.625rem 1rem .625rem 3rem;border:1px solid rgba(226,232,240,.5);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Lato,sans-serif;font-size:.9rem;color:#0f172a;transition:all .3s ease;width:100%;max-width:100%}@media (max-width: 480px){.navbar .mobile-search-expanded-inline form input{padding:.5rem .875rem .5rem 2.75rem;font-size:.85rem}}.navbar .mobile-search-expanded-inline form input::placeholder{color:#475569b3}.navbar .mobile-search-expanded-inline form input:focus{outline:none;background:#fff3;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.navbar .mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar .mobile-menu{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid transparent;overflow:hidden;position:absolute;top:100%;left:0;width:100%;box-shadow:none;max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1000}@media (max-width: 480px){.navbar .mobile-menu{max-height:calc(100vh - 56px)}}.navbar .mobile-menu .mobile-categories{display:flex;flex-direction:column;padding:0}.navbar .mobile-menu .mobile-categories a{padding:1rem 24px;color:#0f172a;text-decoration:none;font-weight:500;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(226,232,240,.3);transition:all .2s ease;min-height:48px;display:flex;align-items:center;background:transparent}@media (max-width: 480px){.navbar .mobile-menu .mobile-categories a{padding:.875rem 16px;font-size:.9rem;min-height:44px}}.navbar .mobile-menu .mobile-categories a:hover,.navbar .mobile-menu .mobile-categories a:active{background:#f9fafb80;color:#0f172a;padding-left:calc(24px + .5rem)}.navbar .mobile-menu .mobile-categories a:last-child{border-bottom:none}.navbar .user-dropdown-container{position:relative}.navbar .user-dropdown-container .user-trigger{cursor:pointer;padding:.4rem .8rem;border-radius:50px;transition:all .3s ease}.navbar .user-dropdown-container .user-trigger:hover{background:linear-gradient(135deg,#0f172a0d,#a6813b0d);transform:translateY(-2px)}.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper{display:flex;align-items:center;gap:.6rem}.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar,.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar-fallback{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:all .3s ease;flex-shrink:0}@media (max-width: 480px){.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar,.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar-fallback{width:32px;height:32px}}.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#a6813b);color:#fff;font-weight:600;font-size:1rem;box-shadow:0 4px 12px #0f172a33}@media (max-width: 480px){.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .user-avatar-fallback{font-size:.9rem}}.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .action-label{display:inline-block;font-size:.95rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}@media (max-width: 768px){.navbar .user-dropdown-container .user-trigger .user-avatar-wrapper .action-label{display:none}}.navbar .user-dropdown-container .user-trigger:hover .user-avatar,.navbar .user-dropdown-container .user-trigger:hover .user-avatar-fallback{border-color:#a6813b;box-shadow:0 6px 16px #a6813b4d}.navbar .user-dropdown-container .user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(226,232,240,.5);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001}@media (max-width: 480px){.navbar .user-dropdown-container .user-dropdown-menu{width:calc(100vw - 2rem);right:-16px;max-width:280px}}.navbar .user-dropdown-container .user-dropdown-menu:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(226,232,240,.5);border-top:1px solid rgba(226,232,240,.5);transform:rotate(45deg)}@media (max-width: 480px){.navbar .user-dropdown-container .user-dropdown-menu:before{right:24px}}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items{padding:.5rem 0;position:relative;z-index:1}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item{display:flex;align-items:center;gap:12px;padding:.65rem 1rem;color:#0f172a;font-size:.9rem;font-weight:500;transition:all .3s ease;text-decoration:none;background:transparent;border:none;width:100%;cursor:pointer;position:relative;overflow:hidden}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item svg{font-size:1.1rem;transition:all .3s ease;color:#475569}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item span{flex:1;text-align:left}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,#0f172a14,#a6813b14);transition:width .4s ease;z-index:-1}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item:hover{color:#0f172a;padding-left:1.25rem}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item:hover:before{width:100%}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item:hover svg{color:#a6813b;transform:scale(1.1) rotate(5deg)}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item.logout-item{color:#dc2626;border-top:1px solid #f3f4f6;margin-top:.5rem}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item.logout-item svg{color:#dc2626}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item.logout-item:before{background:linear-gradient(90deg,#dc26260d,#ef44440d)}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item.logout-item:hover{background:#dc26260d;color:#dc2626}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-item.logout-item:hover svg{color:#dc2626}.navbar .user-dropdown-container .user-dropdown-menu .dropdown-items .dropdown-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#e5e7eb 50%,transparent 100%);margin:.5rem 0}.footer{background-color:#0f172a;color:#f8fafc;margin-top:0;position:relative;font-family:Lato,sans-serif}.footer .footer-main{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:3rem;padding:4rem 2rem 2rem}@media (max-width: 1024px){.footer .footer-main{grid-template-columns:1fr 1fr;gap:2rem;padding:3rem 1.5rem}}@media (max-width: 640px){.footer .footer-main{grid-template-columns:1fr}}.footer .footer-main .footer-column h4{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;color:#a6813b;margin-bottom:1.5rem;letter-spacing:.5px}.footer .footer-main .footer-column ul{list-style:none;padding:0;margin:0}.footer .footer-main .footer-column ul li{margin-bottom:.8rem}.footer .footer-main .footer-column ul li a{color:#d1d5db;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer .footer-main .footer-column ul li a:hover{color:#fff;transform:translate(5px)}.footer .footer-main .footer-column ul.contact-list li{display:flex;align-items:flex-start;gap:1rem;color:#d1d5db;font-size:.95rem}.footer .footer-main .footer-column ul.contact-list li svg{color:#a6813b;font-size:1.1rem;margin-top:3px;flex-shrink:0}.footer .footer-main .footer-column ul.contact-list li span{line-height:1.5}.footer .footer-main .footer-column.map-column{display:flex;flex-direction:column}@media (max-width: 1024px){.footer .footer-main .footer-column.map-column{grid-column:1/-1}}.footer .footer-main .footer-column.map-column .map-container{width:100%;height:200px;border-radius:2px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#1f2937;margin-bottom:1rem;border:1px solid #374151}.footer .footer-main .footer-column.map-column .map-container iframe{filter:grayscale(1) contrast(1.2) brightness(.8);transition:filter .5s ease}.footer .footer-main .footer-column.map-column .map-container iframe:hover{filter:grayscale(0) contrast(1) brightness(1)}.footer .footer-main .footer-column.map-column .map-link{display:inline-block;padding:.6rem 1.2rem;background:transparent;border:1px solid #a6813b;color:#a6813b;text-decoration:none;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;border-radius:2px;transition:all .3s ease;align-self:flex-start}.footer .footer-main .footer-column.map-column .map-link:hover{background:#a6813b;color:#0f172a}.footer .footer-bottom{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer .footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.footer .footer-bottom .footer-connect .social-icons{display:flex;gap:1rem}.footer .footer-bottom .footer-connect .social-icons a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;color:#d1d5db;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.footer .footer-bottom .footer-connect .social-icons a:hover{background:#a6813b;border-color:#a6813b;color:#0f172a;transform:translateY(-3px)}.footer .footer-bottom .footer-copyright{color:#6b7280;font-size:.85rem}.footer .footer-bottom .footer-payment{display:flex;align-items:center;gap:1rem}.footer .footer-bottom .footer-payment .payment-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.footer .footer-bottom .footer-payment .payment-icons{display:flex;gap:.8rem}.footer .footer-bottom .footer-payment .payment-icons img{height:24px;width:auto;opacity:.7;transition:opacity .3s ease}.footer .footer-bottom .footer-payment .payment-icons img:hover{opacity:1}.chat-widget-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;font-family:Lato,sans-serif}@media (max-width: 1024px){.chat-widget-container{bottom:5.5rem;right:1.5rem}}@media (max-width: 480px){.chat-widget-container{bottom:5rem;right:1rem}}.chat-widget-container .chat-fab{width:3.5rem;height:3.5rem;border-radius:50%;background:#0f172a;color:#fff;border:none;box-shadow:0 4px 15px #0f172a66;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;transition:all .3s ease}@media (max-width: 768px){.chat-widget-container .chat-fab{width:3rem;height:3rem;font-size:1.3rem;box-shadow:0 3px 12px #0f172a66}}@media (max-width: 480px){.chat-widget-container .chat-fab{width:2.75rem;height:2.75rem;font-size:1.2rem;box-shadow:0 3px 10px #0f172a66}}@media (max-width: 360px){.chat-widget-container .chat-fab{width:2.5rem;height:2.5rem;font-size:1.1rem;box-shadow:0 2px 8px #0f172a66}}.chat-widget-container .chat-fab:hover{box-shadow:0 6px 20px #0f172a80}.chat-widget-container .chat-fab:hover .tooltip{opacity:1;transform:translate(-100%) translateY(-50%)}.chat-widget-container .chat-fab.hidden{display:none}.chat-widget-container .chat-fab .tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;margin-right:1rem}@media (max-width: 768px){.chat-widget-container .chat-fab .tooltip{right:60px;font-size:.75rem;padding:.35rem .7rem}}@media (max-width: 480px){.chat-widget-container .chat-fab .tooltip{right:55px;font-size:.7rem;padding:.3rem .6rem;margin-right:.8rem}}@media (max-width: 360px){.chat-widget-container .chat-fab .tooltip{right:50px;font-size:.65rem;padding:.25rem .5rem;margin-right:.6rem}}.chat-widget-container .chat-fab .tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent #333}@media (max-width: 480px){.chat-widget-container .chat-fab .tooltip:after{border-width:4px}}@media (max-width: 360px){.chat-widget-container .chat-fab .tooltip:after{border-width:3px}}.chat-widget-container .chat-window{width:350px;height:500px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 10px 40px #00000026,0 0 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;position:absolute;bottom:0;right:0}@media (max-width: 480px){.chat-widget-container .chat-window{width:calc(100vw - 2rem);height:80vh;right:-1rem;bottom:-1rem}}.chat-widget-container .chat-window .chat-header{padding:1rem;background:#0f172ae6;color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-widget-container .chat-window .chat-header .header-info{display:flex;align-items:center;gap:.8rem}.chat-widget-container .chat-window .chat-header .header-info .ai-avatar{width:2.5rem;height:2.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.chat-widget-container .chat-window .chat-header .header-info .header-text h3{margin:0;font-size:1rem;font-weight:600;color:#fff!important}.chat-widget-container .chat-window .chat-header .header-info .header-text .status-indicator{font-size:.7rem;color:#ada;display:flex;align-items:center;gap:.3rem}.chat-widget-container .chat-window .chat-header .header-info .header-text .status-indicator:before{content:"";width:6px;height:6px;background:#2ecc71;border-radius:50%}.chat-widget-container .chat-window .chat-header .header-actions{display:flex;align-items:center;gap:.5rem}.chat-widget-container .chat-window .chat-header .header-actions .history-btn,.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn,.chat-widget-container .chat-window .chat-header .header-actions .close-btn{border:none;background:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-widget-container .chat-window .chat-header .header-actions .history-btn:hover,.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn:hover,.chat-widget-container .chat-window .chat-header .header-actions .close-btn:hover{transform:scale(1.1)}.chat-widget-container .chat-window .chat-header .header-actions .history-btn,.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn{color:#fff;background:#ffffff1a;border-radius:50%;padding:.4rem;width:2rem;height:2rem}.chat-widget-container .chat-window .chat-header .header-actions .history-btn:hover,.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn:hover{background:#fff3}.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn{color:#25d366}.chat-widget-container .chat-window .chat-header .header-actions .whatsapp-btn:hover{background:#25d366;color:#fff}.chat-widget-container .chat-window .chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.chat-widget-container .chat-window .chat-messages .history-list h4{color:#000;margin-top:0;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.chat-widget-container .chat-window .chat-messages .history-list ul{list-style:none;padding:0;margin:0}.chat-widget-container .chat-window .chat-messages .history-list li{background:#fffc;color:#333;margin-bottom:.5rem;padding:.8rem;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.05)}.chat-widget-container .chat-window .chat-messages .history-list li:hover{background:#fff;border-color:#0f172a;box-shadow:0 2px 5px #0000000d}.chat-widget-container .chat-window .chat-messages .history-list li{display:flex;flex-direction:column;gap:.2rem}.chat-widget-container .chat-window .chat-messages .history-list li .date{font-size:.75rem;opacity:.6}.chat-widget-container .chat-window .chat-messages .history-list li .preview{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-widget-container .chat-window .chat-messages .history-list .back-btn{margin-top:1rem;width:100%;padding:.6rem;background:#0f172a;color:#fff;border:none;border-radius:8px;cursor:pointer}.chat-widget-container .chat-window .chat-messages .history-list .back-btn:hover{background:#020204}.chat-widget-container .chat-window .chat-messages{background:#fff6}.chat-widget-container .chat-window .chat-messages::-webkit-scrollbar{width:6px}.chat-widget-container .chat-window .chat-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.chat-widget-container .chat-window .chat-messages .message{max-width:80%;display:flex;flex-direction:column}.chat-widget-container .chat-window .chat-messages .message.ai{align-self:flex-start}.chat-widget-container .chat-window .chat-messages .message.ai .message-content{background:#fff;color:#333;border-radius:12px 12px 12px 2px;box-shadow:0 2px 5px #0000000d}.chat-widget-container .chat-window .chat-messages .message.user{align-self:flex-end}.chat-widget-container .chat-window .chat-messages .message.user .message-content{background:#0f172a;color:#fff;border-radius:12px 12px 2px;box-shadow:0 4px 10px #0f172a33}.chat-widget-container .chat-window .chat-messages .message .message-content{padding:.8rem 1rem 1.2rem;font-size:.9rem;line-height:1.5;position:relative}.chat-widget-container .chat-window .chat-messages .message .message-content p{margin:0 0 .5rem}.chat-widget-container .chat-window .chat-messages .message .message-content p:last-child{margin-bottom:0}.chat-widget-container .chat-window .chat-messages .message .message-content ul,.chat-widget-container .chat-window .chat-messages .message .message-content ol{margin:.5rem 0;padding-left:1.2rem}.chat-widget-container .chat-window .chat-messages .message .message-content li{margin-bottom:.3rem}.chat-widget-container .chat-window .chat-messages .message .message-content strong{font-weight:600}.chat-widget-container .chat-window .chat-messages .message .message-content .message-time{font-size:.65rem;position:absolute;bottom:4px;right:8px;opacity:.7}.chat-widget-container .chat-window .chat-messages .message.typing .typing-dots{display:flex;gap:4px;padding:.5rem .8rem}.chat-widget-container .chat-window .chat-messages .message.typing .typing-dots span{width:6px;height:6px;background:#999;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.chat-widget-container .chat-window .chat-messages .message.typing .typing-dots span:nth-child(1){animation-delay:-.32s}.chat-widget-container .chat-window .chat-messages .message.typing .typing-dots span:nth-child(2){animation-delay:-.16s}.chat-widget-container .chat-window .chat-input-area{padding:1rem;background:#fff;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:.5rem}.chat-widget-container .chat-window .chat-input-area input{flex:1;border:1px solid #e0e0e0;border-radius:25px;padding:.8rem 1.2rem;font-size:.9rem;outline:none;transition:border-color .2s}.chat-widget-container .chat-window .chat-input-area input:focus{border-color:#0f172a}.chat-widget-container .chat-window .chat-input-area .send-btn{width:3rem;height:3rem;border-radius:50%;background:#0f172a;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.chat-widget-container .chat-window .chat-input-area .send-btn:hover{transform:scale(1.05)}.chat-widget-container .chat-window .chat-input-area .send-btn svg{margin-left:-2px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fcfbf9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.loader-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.loader-logo{width:80px;height:80px;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.loader-text{margin-top:2rem;font-family:Playfair Display,serif;color:#0f172a;font-size:1.1rem;font-style:italic;letter-spacing:1px}.needle{stroke:#a6813b;stroke-width:2;stroke-linecap:round}.thread{stroke:#a6813b;stroke-width:1;stroke-dasharray:4 2;fill:none}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 10px #0000001a;z-index:1000;display:none}@media (max-width: 1024px){.bottom-nav{display:block}}.bottom-nav.transparent{background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.1);box-shadow:none}.bottom-nav.transparent .bottom-nav-item{color:#fffc}.bottom-nav.transparent .bottom-nav-item.active,.bottom-nav.transparent .bottom-nav-item.active .bottom-nav-icon,.bottom-nav.transparent .bottom-nav-item.active .bottom-nav-label{color:#fff}.bottom-nav.transparent .bottom-nav-item.active:before{background:#fff}.bottom-nav.transparent .bottom-nav-item:hover:not(.active){color:#fff}.bottom-nav.transparent .bottom-nav-item.featured .bottom-nav-icon{color:#fff}.bottom-nav.transparent .bottom-nav-item.featured:not(.active) .bottom-nav-icon{color:#ffffffe6}.bottom-nav .bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;padding:.5rem 0;margin:0 auto}@media (max-width: 480px){.bottom-nav .bottom-nav-container{padding:.4rem 0}}.bottom-nav .bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;min-width:60px;text-decoration:none;color:#475569;transition:all .3s ease;background:none;border:none;cursor:pointer;position:relative}@media (max-width: 480px){.bottom-nav .bottom-nav-item{min-width:50px;padding:.4rem .5rem;gap:.2rem}}.bottom-nav .bottom-nav-item .bottom-nav-icon{font-size:1.4rem;transition:all .3s ease}@media (max-width: 480px){.bottom-nav .bottom-nav-item .bottom-nav-icon{font-size:1.25rem}}.bottom-nav .bottom-nav-item .bottom-nav-label{font-size:.7rem;font-weight:500;text-transform:capitalize;transition:all .3s ease}@media (max-width: 480px){.bottom-nav .bottom-nav-item .bottom-nav-label{font-size:.65rem}}.bottom-nav .bottom-nav-item:active{transform:scale(.95)}.bottom-nav .bottom-nav-item.active{color:#0f172a}.bottom-nav .bottom-nav-item.active .bottom-nav-icon{color:#0f172a;transform:translateY(-2px)}.bottom-nav .bottom-nav-item.active .bottom-nav-label{color:#0f172a;font-weight:600}.bottom-nav .bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:#0f172a;border-radius:0 0 3px 3px}.bottom-nav .bottom-nav-item:hover:not(.active){color:#0f172a}.bottom-nav .bottom-nav-item:hover:not(.active) .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav .bottom-nav-item.featured .bottom-nav-icon{font-size:1.8rem;color:#0f172a}@media (max-width: 480px){.bottom-nav .bottom-nav-item.featured .bottom-nav-icon{font-size:1.6rem}}.bottom-nav .bottom-nav-item.featured .bottom-nav-label{font-weight:600;font-size:.75rem}@media (max-width: 480px){.bottom-nav .bottom-nav-item.featured .bottom-nav-label{font-size:.7rem}}.bottom-nav .bottom-nav-item.featured:not(.active) .bottom-nav-icon{color:#a6813b}.menu-sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-sidebar{position:fixed;top:0;left:0;width:85%;max-width:400px;height:100vh;background:#fff;z-index:1101;overflow-y:auto;box-shadow:4px 0 20px #00000026}@media (max-width: 480px){.menu-sidebar{width:90%;max-width:none}}.menu-sidebar .menu-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:10}.menu-sidebar .menu-sidebar-header h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.menu-sidebar .menu-sidebar-header .menu-sidebar-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#475569;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.menu-sidebar .menu-sidebar-header .menu-sidebar-close svg{font-size:1.5rem}.menu-sidebar .menu-sidebar-header .menu-sidebar-close:hover{color:#0f172a;transform:rotate(90deg)}.menu-sidebar .menu-sidebar-header .menu-sidebar-close:active{transform:rotate(90deg) scale(.9)}.menu-sidebar .menu-sidebar-content{padding:1rem 0}.menu-sidebar .menu-section{margin-bottom:2rem}.menu-sidebar .menu-section .menu-section-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#475569;padding:0 1.5rem;margin-bottom:.75rem}.menu-sidebar .menu-categories .menu-category{border-bottom:1px solid #f3f4f6}.menu-sidebar .menu-categories .menu-category:last-child{border-bottom:none}.menu-sidebar .menu-categories .menu-category .menu-category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;transition:all .3s ease;text-align:left}.menu-sidebar .menu-categories .menu-category .menu-category-header .menu-category-name{font-size:1rem;font-weight:600;color:#0f172a}.menu-sidebar .menu-categories .menu-category .menu-category-header .menu-category-icon{color:#475569;display:flex;align-items:center;transition:all .3s ease}.menu-sidebar .menu-categories .menu-category .menu-category-header .menu-category-icon svg{font-size:1.2rem}.menu-sidebar .menu-categories .menu-category .menu-category-header:hover{background:#f9fafb;padding-left:1.75rem}.menu-sidebar .menu-categories .menu-category .menu-category-header:hover .menu-category-icon{color:#0f172a}.menu-sidebar .menu-categories .menu-category .menu-category-header:active{background:#f3f4f6}.menu-sidebar .menu-categories .menu-category .menu-subcategories{overflow:hidden;background:#f9fafb;padding:.5rem 0}.menu-sidebar .menu-categories .menu-category .menu-subcategories .menu-subcategory-link{display:block;padding:.75rem 1.5rem .75rem 2.5rem;color:#475569;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.menu-sidebar .menu-categories .menu-category .menu-subcategories .menu-subcategory-link:before{content:"•";position:absolute;left:1.75rem;color:#475569}.menu-sidebar .menu-categories .menu-category .menu-subcategories .menu-subcategory-link:hover{background:#fff;color:#0f172a;padding-left:2.75rem}.menu-sidebar .menu-categories .menu-category .menu-subcategories .menu-subcategory-link:hover:before{color:#0f172a}.menu-sidebar .menu-categories .menu-category .menu-subcategories .menu-subcategory-link:active{background:#f3f4f6}.menu-sidebar .menu-links .menu-link{display:block;padding:1rem 1.5rem;color:#0f172a;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;border-bottom:1px solid #f3f4f6}.menu-sidebar .menu-links .menu-link:last-child{border-bottom:none}.menu-sidebar .menu-links .menu-link:hover{background:#f9fafb;color:#0f172a;padding-left:1.75rem}.menu-sidebar .menu-links .menu-link:active{background:#f3f4f6}.admin-sidebar{width:280px;background:linear-gradient(180deg,#111827,#0f172a);color:#9ca3af;position:fixed;height:100vh;left:0;top:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.05);z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 0 24px #0003}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .sidebar-header{padding:1.5rem .5rem}.admin-sidebar.collapsed .sidebar-header .logo-container .brand-card{padding:.5rem;background:transparent}.admin-sidebar.collapsed .sidebar-header .logo-container .brand-card .sidebar-logo{width:40px;height:40px}.admin-sidebar.collapsed .sidebar-nav{padding:1rem .5rem}.admin-sidebar.collapsed .sidebar-nav .nav-item{justify-content:center;padding:.875rem 0}.admin-sidebar.collapsed .sidebar-nav .nav-item .nav-icon{margin:0;font-size:1.5rem}.admin-sidebar.collapsed .sidebar-footer .profile-trigger{justify-content:center;padding:.5rem 0}.admin-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);background:#11182780;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.admin-sidebar .sidebar-header .logo-container{display:flex;align-items:center;justify-content:center;width:100%}.admin-sidebar .sidebar-header .logo-container .brand-card{background:#fff;border-radius:12px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.admin-sidebar .sidebar-header .logo-container .brand-card .sidebar-logo{width:auto;max-width:100%;height:auto;max-height:48px;object-fit:contain;transition:all .3s ease}.admin-sidebar .sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.admin-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.admin-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-sidebar .sidebar-nav .nav-section{display:flex;flex-direction:column;gap:.5rem}.admin-sidebar .sidebar-nav .nav-section .nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:.75rem;color:#9ca3af;text-decoration:none;transition:all .3s ease;position:relative;font-weight:500;overflow:hidden}.admin-sidebar .sidebar-nav .nav-section .nav-item .nav-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.admin-sidebar .sidebar-nav .nav-section .nav-item .nav-label{z-index:1;transition:transform .3s ease}.admin-sidebar .sidebar-nav .nav-section .nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(15,23,42,.1),transparent);opacity:0;transition:opacity .3s ease}.admin-sidebar .sidebar-nav .nav-section .nav-item:hover{color:#f3f4f6;transform:translate(4px)}.admin-sidebar .sidebar-nav .nav-section .nav-item:hover:before{opacity:1}.admin-sidebar .sidebar-nav .nav-section .nav-item:hover .nav-icon{color:#0f172a;transform:scale(1.1)}.admin-sidebar .sidebar-nav .nav-section .nav-item.active{background:linear-gradient(135deg,#0f172a,#020204);color:#fff!important;box-shadow:0 4px 16px #0f172a40}.admin-sidebar .sidebar-nav .nav-section .nav-item.active .nav-icon,.admin-sidebar .sidebar-nav .nav-section .nav-item.active .nav-label{color:#fff!important}.admin-sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.05);background:#11182780;position:relative}.admin-sidebar .sidebar-footer .profile-dropdown{position:absolute;bottom:100%;left:1rem;right:1rem;margin-bottom:.5rem;background:#1f2937f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.5rem;box-shadow:0 -4px 20px #0000004d;animation:slideUp .2s cubic-bezier(.16,1,.3,1);transform-origin:bottom center;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-header{padding:.75rem 1rem}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-header .user-info{display:flex;flex-direction:column;gap:.25rem}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-header .user-info .user-name{font-size:.9rem;font-weight:600;color:#f3f4f6}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-header .user-info .user-email{font-size:.75rem;color:#9ca3af;word-break:break-all}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-divider{height:1px;background:#ffffff0d;margin:.25rem 0}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:#d1d5db;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s ease}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-item:hover{background:#ffffff0d;color:#f3f4f6}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-item.logout{color:#ef4444}.admin-sidebar .sidebar-footer .profile-dropdown .dropdown-item.logout:hover{background:#ef44441a}.admin-sidebar .sidebar-footer .profile-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem;background:transparent;border:1px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.admin-sidebar .sidebar-footer .profile-trigger:hover,.admin-sidebar .sidebar-footer .profile-trigger.active{background:#ffffff08;border-color:#ffffff0d}.admin-sidebar .sidebar-footer .profile-trigger .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#000);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 2px 8px #0f172a33;flex-shrink:0}.admin-sidebar .sidebar-footer .profile-trigger .trigger-info{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.admin-sidebar .sidebar-footer .profile-trigger .trigger-info .trigger-name{font-size:.875rem;font-weight:500;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar .sidebar-footer .profile-trigger .trigger-info .chevron{font-size:1.25rem;color:#6b7280;transition:transform .2s ease}.admin-sidebar .sidebar-footer .profile-trigger .trigger-info .chevron.rotate{transform:rotate(180deg)}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);width:280px!important;z-index:1002}.admin-sidebar.mobile-open{transform:translate(0)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}@media (min-width: 1025px){.sidebar-overlay{display:none}}.admin-layout{display:flex;min-height:100vh;background-color:#fcfbf9;font-family:Lato,sans-serif}.admin-layout .admin-content{flex:1;margin-left:280px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;width:calc(100% - 280px);min-height:100vh;background-color:#f8fafc}.admin-layout .admin-content.collapsed{margin-left:80px;width:calc(100% - 80px)}.admin-layout .admin-content .admin-topbar{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:900}.admin-layout .admin-content .admin-topbar .mobile-toggle-btn{display:none;background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;margin-right:1rem}.admin-layout .admin-content .admin-topbar .page-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.admin-layout .admin-content .outlet-container{padding:2rem;width:100%;max-width:1600px;margin:0;flex:1}@media (max-width: 1024px){.admin-layout .admin-content{margin-left:0!important;width:100%!important;padding-bottom:70px}.admin-layout .admin-content .admin-topbar{padding:0 1rem}.admin-layout .admin-content .admin-topbar .mobile-toggle-btn{display:flex;align-items:center;justify-content:center}.admin-layout .admin-content .outlet-container{padding:1.5rem 1rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:radial-gradient(circle at center,#1a1a2e,#0f0f1a);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.error-boundary .error-content{max-width:600px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 20px 50px #0000004d}.error-boundary .error-content h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#ff6b6b,#ee5253);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.error-boundary .error-content p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.error-boundary .error-content .btn-retry{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none}.error-boundary .error-content .btn-retry:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6c5ce74d}.error-boundary .error-content .btn-retry:active{transform:translateY(0)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-base,.skeleton-activity .skeleton-header .skeleton-title,.skeleton-grid-page .skeleton-header .skeleton-title-group .skeleton-subtitle,.skeleton-grid-page .skeleton-header .skeleton-title-group .skeleton-title,.skeleton-inventory .skeleton-controls .skeleton-actions .skeleton-search,.skeleton-inventory .skeleton-controls .skeleton-tabs .skeleton-tab,.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-bar-bg .skeleton-item-bar,.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-top .skeleton-item-val,.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-top .skeleton-item-name,.skeleton-reviews .skeleton-header .skeleton-page-title,.skeleton-categories .skeleton-header .skeleton-button,.skeleton-categories .skeleton-header .skeleton-page-title,.skeleton-products .skeleton-header .skeleton-button,.skeleton-products .skeleton-header .skeleton-page-title,.skeleton-orders .skeleton-filters .skeleton-filter,.skeleton-orders .skeleton-header .skeleton-search-bar,.skeleton-orders .skeleton-header .skeleton-page-title,.skeleton-dashboard .skeleton-recent-orders .skeleton-section-title,.skeleton-dashboard .skeleton-charts-row .skeleton-chart-container .skeleton-chart-title,.skeleton-card .skeleton-card-content .skeleton-card-actions .skeleton-button,.skeleton-card .skeleton-card-content .skeleton-card-subtitle,.skeleton-card .skeleton-card-content .skeleton-card-title,.skeleton-card .skeleton-card-image,.skeleton-chart,.skeleton-table tbody .skeleton-table-row .skeleton-cell,.skeleton-table thead .skeleton-header,.skeleton-stat-card .skeleton-content .skeleton-trend,.skeleton-stat-card .skeleton-content .skeleton-value,.skeleton-stat-card .skeleton-content .skeleton-title,.skeleton-stat-card .skeleton-icon{background:linear-gradient(90deg,#fcfbf9,#fff,#fcfbf9);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:4px}.skeleton-stat-card{display:flex;gap:1rem;padding:1.5rem;background:#fcfbf9;border-radius:12px;box-shadow:0 2px 8px #0000001a}.skeleton-stat-card .skeleton-icon{width:60px;height:60px;border-radius:12px}.skeleton-stat-card .skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-stat-card .skeleton-content .skeleton-title{width:120px;height:16px}.skeleton-stat-card .skeleton-content .skeleton-value{width:100px;height:32px}.skeleton-stat-card .skeleton-content .skeleton-trend{width:80px;height:14px}.skeleton-table-wrapper{background:#fcfbf9;border-radius:12px;padding:1rem;overflow:hidden}.skeleton-table{width:100%;border-collapse:collapse}.skeleton-table thead th{padding:1rem;text-align:left}.skeleton-table thead .skeleton-header{width:80%;height:14px}.skeleton-table tbody .skeleton-table-row{border-top:1px solid rgba(255,255,255,.05)}.skeleton-table tbody .skeleton-table-row td{padding:1rem}.skeleton-table tbody .skeleton-table-row .skeleton-cell{width:90%;height:14px}.skeleton-chart{border-radius:8px;padding:1rem;display:flex;align-items:flex-end;justify-content:space-around}.skeleton-chart .skeleton-chart-bars{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:.5rem}.skeleton-chart .skeleton-chart-bars .skeleton-bar{flex:1;background:#ffffff1a;border-radius:4px 4px 0 0;min-height:20px}.skeleton-card{background:#fcfbf9;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-card .skeleton-card-image{width:100%;height:200px}.skeleton-card .skeleton-card-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-card .skeleton-card-content .skeleton-card-title{width:80%;height:20px}.skeleton-card .skeleton-card-content .skeleton-card-subtitle{width:60%;height:14px}.skeleton-card .skeleton-card-content .skeleton-card-actions{display:flex;gap:.5rem;margin-top:.5rem}.skeleton-card .skeleton-card-content .skeleton-card-actions .skeleton-button{width:80px;height:36px;border-radius:8px}.skeleton-dashboard{padding:2rem;display:flex;flex-direction:column;gap:2rem}.skeleton-dashboard .skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skeleton-dashboard .skeleton-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.skeleton-dashboard .skeleton-charts-row .skeleton-chart-container{background:#fcfbf9;border-radius:12px;padding:1.5rem}.skeleton-dashboard .skeleton-charts-row .skeleton-chart-container .skeleton-chart-title{width:150px;height:20px;margin-bottom:1rem}.skeleton-dashboard .skeleton-recent-orders .skeleton-section-title{width:200px;height:24px;margin-bottom:1rem}.skeleton-orders{padding:2rem}.skeleton-orders .skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.skeleton-orders .skeleton-header .skeleton-page-title{width:150px;height:32px}.skeleton-orders .skeleton-header .skeleton-search-bar{width:300px;height:40px;border-radius:8px}.skeleton-orders .skeleton-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.skeleton-orders .skeleton-filters .skeleton-filter{width:120px;height:36px;border-radius:8px}.skeleton-products{padding:2rem}.skeleton-products .skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-products .skeleton-header .skeleton-page-title{width:150px;height:32px}.skeleton-products .skeleton-header .skeleton-button{width:150px;height:40px;border-radius:8px}.skeleton-products .skeleton-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.skeleton-categories{padding:2rem}.skeleton-categories .skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-categories .skeleton-header .skeleton-page-title{width:150px;height:32px}.skeleton-categories .skeleton-header .skeleton-button{width:150px;height:40px;border-radius:8px}.skeleton-categories .skeleton-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skeleton-reviews{padding:2rem}.skeleton-reviews .skeleton-header{margin-bottom:2rem}.skeleton-reviews .skeleton-header .skeleton-page-title{width:150px;height:32px}.skeleton-analytics{padding:2rem;display:flex;flex-direction:column;gap:2rem}.skeleton-analytics .skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.skeleton-analytics .skeleton-charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.skeleton-analytics .skeleton-charts-row .skeleton-chart-main{background:#fcfbf9;border-radius:12px;padding:1.5rem;min-height:400px}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list{background:#fcfbf9;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item{display:flex;flex-direction:column;gap:.5rem}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-top{display:flex;justify-content:space-between}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-top .skeleton-item-name{width:100px;height:14px}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-top .skeleton-item-val{width:40px;height:14px}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-bar-bg{width:100%;height:8px;background:#ffffff0d;border-radius:4px}.skeleton-analytics .skeleton-charts-row .skeleton-popularity-list .skeleton-list-item .skeleton-item-bar-bg .skeleton-item-bar{height:100%;border-radius:4px}.skeleton-inventory{padding:2rem}.skeleton-inventory .skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.skeleton-inventory .skeleton-controls{display:flex;justify-content:space-between;margin-bottom:2rem}.skeleton-inventory .skeleton-controls .skeleton-tabs{display:flex;gap:1rem}.skeleton-inventory .skeleton-controls .skeleton-tabs .skeleton-tab{width:100px;height:40px;border-radius:8px}.skeleton-inventory .skeleton-controls .skeleton-actions{display:flex;gap:1rem}.skeleton-inventory .skeleton-controls .skeleton-actions .skeleton-search{width:250px;height:40px;border-radius:8px}.skeleton-grid-page{padding:2rem}.skeleton-grid-page .skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.skeleton-grid-page .skeleton-header .skeleton-title-group .skeleton-title{width:200px;height:32px;margin-bottom:.5rem}.skeleton-grid-page .skeleton-header .skeleton-title-group .skeleton-subtitle{width:300px;height:16px}.skeleton-grid-page .skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.skeleton-activity{padding:2rem}.skeleton-activity .skeleton-header{margin-bottom:2rem}.skeleton-activity .skeleton-header .skeleton-title{width:200px;height:32px}.skeleton-activity .skeleton-stats{margin-bottom:2rem;width:250px}@media (max-width: 768px){.skeleton-dashboard{padding:1rem}.skeleton-dashboard .skeleton-stats-grid,.skeleton-dashboard .skeleton-charts-row{grid-template-columns:1fr}.skeleton-products-grid,.skeleton-categories-grid{grid-template-columns:1fr!important}.skeleton-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem}.skeleton-header .skeleton-search-bar{width:100%!important}}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}@media (max-width: 768px){.admin-dashboard .stats-grid{grid-template-columns:1fr;gap:1rem}}.admin-dashboard .stats-grid .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:1.5rem;transition:transform .2s ease,box-shadow .2s ease}@media (max-width: 768px){.admin-dashboard .stats-grid .stat-card{padding:1rem;gap:1rem}}.admin-dashboard .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-dashboard .stats-grid .stat-card .stat-icon{width:56px;height:56px;border-radius:12px;background:#0f172a1a;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media (max-width: 768px){.admin-dashboard .stats-grid .stat-card .stat-icon{width:48px;height:48px;font-size:1.25rem;flex-shrink:0}}.admin-dashboard .stats-grid .stat-card .stat-info{flex:1}.admin-dashboard .stats-grid .stat-card .stat-info h3{font-size:.9rem;color:#475569;margin:0 0 .5rem;font-weight:500}.admin-dashboard .stats-grid .stat-card .stat-info .value-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2}@media (max-width: 768px){.admin-dashboard .stats-grid .stat-card .stat-info .value-row .value{font-size:1.25rem}}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .trend{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.25rem}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .trend.up{color:#10b981}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .trend.down{color:#ef4444}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .live-pulse{font-size:.85rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:.5rem;background:#10b9811a;padding:.25rem .6rem;border-radius:999px}.admin-dashboard .stats-grid .stat-card .stat-info .value-row .live-pulse .dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.admin-dashboard .charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.admin-dashboard .charts-section{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard .charts-section{gap:1rem}}.admin-dashboard .charts-section .chart-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;height:400px;display:flex;flex-direction:column}.admin-dashboard .charts-section .chart-card h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 1.5rem}.admin-dashboard .charts-section .chart-card .chart-container{flex:1;width:100%;min-height:0}.admin-dashboard .charts-section .chart-card.category-chart{height:480px}@media (max-width: 768px){.admin-dashboard .charts-section .chart-card.category-chart{height:auto;min-height:480px}.admin-dashboard .charts-section .chart-card.category-chart .chart-container{height:400px}}.admin-dashboard .recent-orders-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d}.admin-dashboard .recent-orders-section h3{font-size:1.1rem;font-weight:600;color:#0f172a;margin:0 0 1.5rem}.admin-dashboard .recent-orders-section .table-responsive{overflow-x:auto}.admin-dashboard .recent-orders-section .orders-table{width:100%;border-collapse:collapse;min-width:600px}.admin-dashboard .recent-orders-section .orders-table th,.admin-dashboard .recent-orders-section .orders-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}@media (max-width: 768px){.admin-dashboard .recent-orders-section .orders-table th,.admin-dashboard .recent-orders-section .orders-table td{padding:.75rem .5rem}}.admin-dashboard .recent-orders-section .orders-table th{font-weight:600;color:#475569;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-dashboard .recent-orders-section .orders-table td{font-size:.95rem;color:#0f172a}.admin-dashboard .recent-orders-section .orders-table .order-id{font-family:monospace;font-weight:600;color:#0f172a}.admin-dashboard .recent-orders-section .orders-table .amount{font-weight:600}.admin-dashboard .recent-orders-section .orders-table .status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;display:inline-block}.admin-dashboard .recent-orders-section .orders-table .status-badge.bg-green-100.text-green-800{background:#d1fae5;color:#065f46}.admin-dashboard .recent-orders-section .orders-table .status-badge.bg-blue-100.text-blue-800{background:#dbeafe;color:#1e40af}.admin-dashboard .recent-orders-section .orders-table .status-badge.bg-purple-100.text-purple-800{background:#f3e8ff;color:#6b21a8}.admin-dashboard .recent-orders-section .orders-table .status-badge.bg-yellow-100.text-yellow-800{background:#fef3c7;color:#92400e}.admin-dashboard .recent-orders-section .orders-table .status-badge.bg-gray-100.text-gray-800{background:#f3f4f6;color:#1f2937}.admin-dashboard .skeleton-container{display:flex;flex-direction:column;gap:2rem}.admin-dashboard .skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.admin-dashboard .skeleton-stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:1.5rem}.admin-dashboard .skeleton-stat-card .skeleton-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-stat-card .skeleton-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-dashboard .skeleton-stat-card .skeleton-info .skeleton-title{height:14px;width:100px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-stat-card .skeleton-info .skeleton-value{height:24px;width:120px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.admin-dashboard .skeleton-charts{grid-template-columns:1fr}}.admin-dashboard .skeleton-chart{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;height:400px}.admin-dashboard .skeleton-chart .skeleton-chart-title{height:20px;width:150px;margin-bottom:1.5rem;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-chart .skeleton-chart-body{height:calc(100% - 50px);border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-table{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d}.admin-dashboard .skeleton-table .skeleton-table-title{height:20px;width:150px;margin-bottom:1.5rem;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-table .skeleton-table-header{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item{height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item:nth-child(1){width:15%}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item:nth-child(2){width:20%}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item:nth-child(3){width:30%}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item:nth-child(4){width:15%}.admin-dashboard .skeleton-table .skeleton-table-header .skeleton-header-item:nth-child(5){width:20%}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell{height:16px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell:nth-child(1){width:15%}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell:nth-child(2){width:20%}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell:nth-child(3){width:30%}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell:nth-child(4){width:15%}.admin-dashboard .skeleton-table .skeleton-table-rows .skeleton-table-row .skeleton-cell:nth-child(5){width:20%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-dashboard .low-stock-alerts-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(239,68,68,.1);margin-top:2rem}.admin-dashboard .low-stock-alerts-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-dashboard .low-stock-alerts-section .section-header h3{font-size:1.1rem;font-weight:600;color:#b91c1c;display:flex;align-items:center;gap:.5rem;margin:0}.admin-dashboard .low-stock-alerts-section .section-header h3 svg{font-size:1.25rem}.admin-dashboard .low-stock-alerts-section .section-header .count-badge{background:#fee2e2;color:#b91c1c;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700}.admin-dashboard .low-stock-alerts-section .alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item{background:#fffcfe;border:1px solid #fee2e2;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item:hover{transform:translate(4px);border-color:#fca5a5}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item .product-info{display:flex;flex-direction:column;gap:.25rem}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item .product-info .name{font-weight:600;color:#0f172a}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item .product-info .stock{font-size:.85rem;color:#dc2626;font-weight:700}.admin-dashboard .low-stock-alerts-section .alerts-grid .alert-item .threshold{font-size:.75rem;color:#475569;background:#f9fafb;padding:.2rem .5rem;border-radius:4px}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.pagination-container .pagination-info{font-size:.9rem;color:#475569;font-weight:500}.pagination-container .pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-container .pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#0f172a;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.pagination-container .pagination-btn:hover:not(:disabled){background:#0f172a;border-color:#0f172a;color:#fff;transform:translateY(-2px)}.pagination-container .pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-container .pagination-btn svg{width:18px;height:18px}.pagination-container .pagination-numbers{display:flex;align-items:center;gap:.25rem}.pagination-container .pagination-number{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#0f172a;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.pagination-container .pagination-number:hover:not(.active){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.pagination-container .pagination-number.active{background:#0f172a;border-color:#0f172a;color:#fff;font-weight:600}.pagination-container .pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#475569;font-weight:600}.pagination-container .pagination-size{display:flex;align-items:center;gap:.5rem}.pagination-container .pagination-size label{font-size:.9rem;color:#475569;font-weight:500}.pagination-container .pagination-size .page-size-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#0f172a;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.pagination-container .pagination-size .page-size-select:hover{background:#ffffff1a;border-color:#fff3}.pagination-container .pagination-size .page-size-select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #6366f11a}.pagination-container .pagination-size .page-size-select option{background:#fcfbf9;color:#0f172a}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:1rem}.pagination-container .pagination-info,.pagination-container .pagination-controls,.pagination-container .pagination-size{width:100%;justify-content:center}.pagination-container .pagination-controls{flex-wrap:wrap}}.admin-products-page{min-height:100vh}.admin-products-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-products-page .page-header h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}@media (max-width: 480px){.admin-products-page .page-header h1{font-size:1.5rem}}.admin-products-page .page-header .header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.admin-products-page .page-header .header-actions{width:100%;justify-content:space-between}}.admin-products-page .page-header .header-actions .search-form,.admin-products-page .page-header .header-actions .search-form .search-input-wrapper{position:relative}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input{padding:.6rem 1rem .6rem 2.8rem;border-radius:9999px;border:1px solid #e2e8f0;font-size:.95rem;width:250px;transition:all .3s ease;background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input::placeholder{color:#94a3b8}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:300px;outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input:focus+svg{color:#0f172a}.admin-products-page .page-header .header-actions .search-form button{display:none}@media (max-width: 768px){.admin-products-page .page-header .header-actions .search-form{width:100%;order:3;margin-top:.5rem}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input{width:100%}.admin-products-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:100%}}.admin-products-page .page-header .header-actions .action-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.admin-products-page .page-header .header-actions .action-btn svg{font-size:1.25rem}.admin-products-page .page-header .header-actions .action-btn:hover{background:#f8fafc;color:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-products-page .page-header .header-actions .action-btn.primary{background:#0f172a;color:#fff;border:none}.admin-products-page .page-header .header-actions .action-btn.primary:hover{background:#080d17}.admin-products-page .page-header .header-actions .view-toggle{display:flex;background:#fff;border-radius:9999px;padding:4px;gap:4px;border:1px solid #e2e8f0;height:42px;align-items:center;margin-left:auto}.admin-products-page .page-header .header-actions .view-toggle button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.admin-products-page .page-header .header-actions .view-toggle button:hover{background:#f1f5f9;color:#0f172a}.admin-products-page .page-header .header-actions .view-toggle button.active{background:#0f172a;color:#fff}.admin-products-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden;margin-bottom:2rem;overflow-x:auto}.admin-products-page .table-container table{width:100%;border-collapse:collapse;text-align:left;min-width:800px}.admin-products-page .table-container table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-products-page .table-container table thead th{padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-products-page .table-container table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.admin-products-page .table-container table tbody tr:hover{background-color:#f8fafc}.admin-products-page .table-container table tbody tr:last-child{border-bottom:none}.admin-products-page .table-container table tbody tr td{padding:1rem 1.5rem;color:#334155;vertical-align:middle;white-space:nowrap}.admin-products-page .table-container table tbody tr td .product-image{width:48px;height:48px;border-radius:8px;object-fit:cover;background-color:#f1f5f9}.admin-products-page .table-container table tbody tr td .no-image{width:48px;height:48px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.admin-products-page .table-container table tbody tr td .product-name{font-weight:600;color:#0f172a;display:block}.admin-products-page .table-container table tbody tr td .product-brand{font-size:.75rem;color:#64748b}.admin-products-page .table-container table tbody tr td .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.admin-products-page .table-container table tbody tr td .status-badge.active{background-color:#dcfce7;color:#166534}.admin-products-page .table-container table tbody tr td .status-badge.inactive{background-color:#f1f5f9;color:#475569}.admin-products-page .table-container table tbody tr td .status-badge.trending{background-color:#fff7ed;color:#c2410c;margin-left:.5rem}.admin-products-page .table-container table tbody tr td .actions{display:flex;gap:.5rem}.admin-products-page .table-container table tbody tr td .actions button{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-products-page .table-container table tbody tr td .actions button.edit-btn{background-color:#eff6ff;color:#3b82f6}.admin-products-page .table-container table tbody tr td .actions button.edit-btn:hover{background-color:#dbeafe}.admin-products-page .table-container table tbody tr td .actions button.delete-btn{background-color:#fef2f2;color:#ef4444}.admin-products-page .table-container table tbody tr td .actions button.delete-btn:hover{background-color:#fee2e2}.admin-products-page .grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 640px){.admin-products-page .grid-container{grid-template-columns:1fr}}.admin-products-page .grid-container .product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f1f5f9}.admin-products-page .grid-container .product-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001a}.admin-products-page .grid-container .product-card .card-image{height:200px;width:100%;background:#f8fafc;position:relative}.admin-products-page .grid-container .product-card .card-image img{width:100%;height:100%;object-fit:cover}.admin-products-page .grid-container .product-card .card-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:2rem}.admin-products-page .grid-container .product-card .card-image .card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px}.admin-products-page .grid-container .product-card .card-image .card-badges span{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.admin-products-page .grid-container .product-card .card-image .card-badges span.trending{background:#fff7ed;color:#c2410c}.admin-products-page .grid-container .product-card .card-image .card-badges span.stock{background:#ffffffe6;color:#166534}.admin-products-page .grid-container .product-card .card-image .card-badges span.stock.out{color:#ef4444}.admin-products-page .grid-container .product-card .card-content{padding:1.25rem}.admin-products-page .grid-container .product-card .card-content h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-products-page .grid-container .product-card .card-content .brand{font-size:.85rem;color:#64748b;margin-bottom:1rem;display:block}.admin-products-page .grid-container .product-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.admin-products-page .grid-container .product-card .card-content .card-footer .price{font-weight:700;color:#0f172a;font-size:1.1rem}.admin-products-page .grid-container .product-card .card-content .card-footer .actions{display:flex;gap:.5rem}.admin-products-page .grid-container .product-card .card-content .card-footer .actions button{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-products-page .grid-container .product-card .card-content .card-footer .actions button.edit-btn{background:#eff6ff;color:#3b82f6}.admin-products-page .grid-container .product-card .card-content .card-footer .actions button.edit-btn:hover{background:#dbeafe}.admin-products-page .grid-container .product-card .card-content .card-footer .actions button.delete-btn{background:#fef2f2;color:#ef4444}.admin-products-page .grid-container .product-card .card-content .card-footer .actions button.delete-btn:hover{background:#fee2e2}.modal-overlay .modal-content{background:#fff;padding:0;border-radius:1rem;width:700px;height:600px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden}@media (max-width: 768px){.modal-overlay .modal-content{width:95%;height:auto;min-height:400px;max-height:calc(100vh - 120px);border-radius:12px}}.modal-overlay .modal-content.large{max-width:900px;min-height:700px}@media (max-width: 768px){.modal-overlay .modal-content{width:95%;max-height:95vh;border-radius:12px}}.modal-overlay .modal-content .form-section-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0;margin-top:1.5rem}.modal-overlay .modal-content .form-section-title:first-child{margin-top:0}.modal-overlay .modal-content .form-row{display:flex;gap:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.modal-overlay .modal-content .form-row{flex-direction:column;gap:1rem}}.modal-overlay .modal-content .form-group{margin-bottom:1.25rem;flex:1}.modal-overlay .modal-content .image-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,100px);gap:1rem;margin-top:1rem}.modal-overlay .modal-content .uploaded-media-card{position:relative;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;transition:all .3s ease;width:100px;height:100px;aspect-ratio:1}.modal-overlay .modal-content .uploaded-media-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px);border-color:#0f172a}.modal-overlay .modal-content .uploaded-media-card:hover .media-overlay{opacity:1}.modal-overlay .modal-content .uploaded-media-card .media-preview{width:100%;height:100%;position:relative}.modal-overlay .modal-content .uploaded-media-card .media-preview img,.modal-overlay .modal-content .uploaded-media-card .media-preview video{width:100%;height:100%;object-fit:cover}.modal-overlay .modal-content .uploaded-media-card .media-preview.video-preview video{background:#000}.modal-overlay .modal-content .uploaded-media-card .media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay .modal-content .uploaded-media-card .media-overlay .media-info .media-type{background:#0f172a;color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.modal-overlay .modal-content .uploaded-media-card .media-overlay .media-actions{display:flex;justify-content:flex-end}.modal-overlay .modal-content .uploaded-media-card .media-action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff;color:#64748b}.modal-overlay .modal-content .uploaded-media-card .media-action-btn:hover{transform:scale(1.1)}.modal-overlay .modal-content .uploaded-media-card .media-action-btn.delete{color:#ef4444}.modal-overlay .modal-content .uploaded-media-card .media-action-btn.delete:hover{background:#ef4444;color:#fff}.modal-overlay .modal-content .upload-placeholder-card{border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;min-height:120px;background:#fff}.modal-overlay .modal-content .upload-placeholder-card:hover{border-color:#0f172a;background:#f8fafc;color:#0f172a;transform:translateY(-2px)}.modal-overlay .modal-content .upload-placeholder-card .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.modal-overlay .modal-content .upload-placeholder-card .icon-badge{font-size:1.5rem;color:inherit;margin-bottom:0}.modal-overlay .modal-content .upload-placeholder-card .icon-badge.video{color:#ef4444}.modal-overlay .modal-content .upload-placeholder-card span{font-size:.9rem;font-weight:500}.modal-overlay .modal-content .upload-placeholder-card.video-placeholder{aspect-ratio:16/9;width:100%;max-width:300px;margin:1rem auto 0}.modal-overlay .modal-content .upload-placeholder-card.video-placeholder .text-content{align-items:center;text-align:center}.modal-overlay .modal-content .upload-placeholder-card.video-placeholder .text-content .main-text{font-size:.95rem}.modal-overlay .modal-content .video-upload-section{margin-top:1rem;display:flex;justify-content:center}.modal-overlay .modal-content .video-upload-section .video-card{aspect-ratio:16/9;width:100%;max-width:300px}.admin-categories-page{padding:1.5rem;background-color:#f8f9fa;min-height:100vh}@media (max-width: 768px){.admin-categories-page{padding:1rem}}.admin-categories-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-categories-page .page-header h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}@media (max-width: 480px){.admin-categories-page .page-header h1{font-size:1.5rem}}.admin-categories-page .page-header .header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.admin-categories-page .page-header .header-actions .search-form,.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper{position:relative}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input{padding:.6rem 1rem .6rem 2.8rem;border-radius:9999px;border:1px solid #e2e8f0;font-size:.95rem;width:250px;transition:all .3s ease;background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000000d}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input::placeholder{color:#94a3b8}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:300px;outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input:focus+svg{color:#0f172a}.admin-categories-page .page-header .header-actions .search-form button{display:none}@media (max-width: 768px){.admin-categories-page .page-header .header-actions .search-form{width:100%;order:2;margin-top:.5rem}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input{width:100%}.admin-categories-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:100%}}.admin-categories-page .page-header .header-actions .action-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.admin-categories-page .page-header .header-actions .action-btn svg{font-size:1.1rem}.admin-categories-page .page-header .header-actions .action-btn:hover{background:#f8fafc;color:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.admin-categories-page .page-header .header-actions .action-btn.primary{background:#0f172a;color:#fff;border:none}.admin-categories-page .page-header .header-actions .action-btn.primary:hover{background:#080d17}.admin-categories-page .page-header .header-actions .view-toggle{display:flex;background:#fff;border-radius:9999px;padding:4px;gap:4px;border:1px solid #e2e8f0;height:42px;align-items:center;margin-left:auto}.admin-categories-page .page-header .header-actions .view-toggle button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.admin-categories-page .page-header .header-actions .view-toggle button:hover{background:#f1f5f9;color:#0f172a}.admin-categories-page .page-header .header-actions .view-toggle button.active{background:#0f172a;color:#fff}.admin-categories-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d;overflow:hidden;margin-bottom:2rem;overflow-x:auto}.admin-categories-page .table-container table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.admin-categories-page .table-container table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-categories-page .table-container table thead th{padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-categories-page .table-container table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.admin-categories-page .table-container table tbody tr:hover{background-color:#f8fafc}.admin-categories-page .table-container table tbody tr:last-child{border-bottom:none}.admin-categories-page .table-container table tbody tr td{padding:1rem 1.5rem;color:#334155;vertical-align:middle;white-space:nowrap}.admin-categories-page .table-container table tbody tr td .category-image{width:48px;height:48px;border-radius:8px;object-fit:cover;background-color:#f1f5f9}.admin-categories-page .table-container table tbody tr td .no-image{width:48px;height:48px;border-radius:8px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.admin-categories-page .table-container table tbody tr td .category-name{font-weight:600;color:#0f172a;display:block}.admin-categories-page .table-container table tbody tr td .category-desc{font-size:.85rem;color:#64748b;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-categories-page .table-container table tbody tr td .status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.admin-categories-page .table-container table tbody tr td .status-badge.active{background-color:#dcfce7;color:#166534}.admin-categories-page .table-container table tbody tr td .status-badge.inactive{background-color:#f1f5f9;color:#475569}.admin-categories-page .table-container table tbody tr td .parent-badge{background-color:#e0e7ff;color:#4338ca;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.admin-categories-page .table-container table tbody tr td .actions{display:flex;gap:.5rem}.admin-categories-page .table-container table tbody tr td .actions button{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-categories-page .table-container table tbody tr td .actions button.edit-btn{background-color:#eff6ff;color:#3b82f6}.admin-categories-page .table-container table tbody tr td .actions button.edit-btn:hover{background-color:#dbeafe}.admin-categories-page .table-container table tbody tr td .actions button.delete-btn{background-color:#fef2f2;color:#ef4444}.admin-categories-page .table-container table tbody tr td .actions button.delete-btn:hover{background-color:#fee2e2}.admin-categories-page .grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 480px){.admin-categories-page .grid-container{grid-template-columns:1fr}}.admin-categories-page .grid-container .category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f1f5f9;display:flex;flex-direction:column}.admin-categories-page .grid-container .category-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001a;border-color:#0f172a4d}.admin-categories-page .grid-container .category-card .card-image{height:160px;width:100%;background:#f8fafc;position:relative}.admin-categories-page .grid-container .category-card .card-image img{width:100%;height:100%;object-fit:cover}.admin-categories-page .grid-container .category-card .card-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1.5rem}.admin-categories-page .grid-container .category-card .card-image .status-indicator{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid white;box-shadow:0 2px 4px #0000001a}.admin-categories-page .grid-container .category-card .card-image .status-indicator.inactive{background:#94a3b8}.admin-categories-page .grid-container .category-card .card-content{padding:1.25rem;flex:1}.admin-categories-page .grid-container .category-card .card-content h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-categories-page .grid-container .category-card .card-content .parent-info{font-size:.8rem;color:#64748b;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;min-height:20px}.admin-categories-page .grid-container .category-card .card-content .parent-info .badge{background:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.admin-categories-page .grid-container .category-card .card-content .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.admin-categories-page .grid-container .category-card .card-content .card-footer .order{font-size:.85rem;color:#94a3b8;font-weight:500}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions{display:flex;gap:.5rem}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button{width:32px;height:32px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button svg{font-size:1rem}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button.edit-btn{background:#eff6ff;color:#3b82f6}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button.edit-btn:hover{background:#dbeafe}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button.delete-btn{background:#fef2f2;color:#ef4444}.admin-categories-page .grid-container .category-card .card-content .card-footer .actions button.delete-btn:hover{background:#fee2e2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}@media (max-width: 768px){.modal-overlay{padding-bottom:90px}}.modal-overlay .modal-content{background:#fff;padding:0;border-radius:1rem;width:700px;height:600px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width: 768px){.modal-overlay .modal-content{width:95%;height:auto;min-height:400px;max-height:calc(100vh - 120px)}}.modal-overlay .modal-content .modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.5rem;color:#1a1a1a;font-weight:700}.modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center}.modal-overlay .modal-content .modal-header .close-btn:hover{color:#4b5563}.modal-overlay .modal-content .modal-body{padding:2rem;overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay .modal-content .modal-body{padding:1rem}}.modal-overlay .modal-content .form-row{display:flex;gap:1rem}@media (max-width: 768px){.modal-overlay .modal-content .form-row{flex-direction:column}}.modal-overlay .modal-content .form-row .form-group{flex:1}.modal-overlay .modal-content .form-group{margin-bottom:1.25rem}.modal-overlay .modal-content .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.modal-overlay .modal-content .form-group input,.modal-overlay .modal-content .form-group select,.modal-overlay .modal-content .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s ease;background-color:#f9fafb}.modal-overlay .modal-content .form-group input:focus,.modal-overlay .modal-content .form-group select:focus,.modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:#0f172a;background-color:#fff;box-shadow:0 0 0 3px #0f172a1a}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%;height:100%;position:relative;background:#f8fafc}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card.image-card,.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card.video-card{aspect-ratio:1;width:130px;height:130px;flex-shrink:0}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-preview{width:100%;height:100%;position:relative}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-preview img,.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-preview video{width:100%;height:100%;object-fit:cover}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-preview.video-preview video{background:#000}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-overlay:hover{opacity:1}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-overlay .media-info .media-type{background:#0f172a;color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-overlay .media-actions{display:flex;justify-content:flex-end}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff;color:#64748b}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-action-btn:hover{transform:scale(1.1)}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-action-btn.delete{color:#ef4444}.modal-overlay .modal-content .form-group .image-upload-grid .uploaded-media-card .media-action-btn.delete:hover{background:#ef4444;color:#fff}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card{border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease;min-height:120px;background:#fff}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card:hover{border-color:#0f172a;background:#f8fafc;color:#0f172a;transform:translateY(-2px)}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card .icon-badge{font-size:1.5rem;color:inherit;margin-bottom:0}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card .icon-badge.video{color:#ef4444}.modal-overlay .modal-content .form-group .image-upload-grid .upload-placeholder-card span{font-size:.9rem;font-weight:500}.modal-overlay .modal-content .form-group.checkbox{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.modal-overlay .modal-content .form-group.checkbox input{width:auto;width:18px;height:18px}.modal-overlay .modal-content .form-group.checkbox label{margin-bottom:0;font-weight:600;cursor:pointer}.modal-overlay .modal-content .modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem;background:#f9fafb;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.modal-overlay .modal-content .modal-footer button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-overlay .modal-content .modal-footer button.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.modal-overlay .modal-content .modal-footer button.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.modal-overlay .modal-content .modal-footer button.btn-primary{background-color:#0f172a;border:none;color:#fff}.modal-overlay .modal-content .modal-footer button.btn-primary:hover{background-color:#020204}.modal-overlay .modal-content .modal-footer button.btn-primary:disabled{opacity:.7;cursor:not-allowed}.admin-orders-page{padding:1.5rem;color:#0f172a}@media (max-width: 768px){.admin-orders-page{padding:1rem}}.admin-orders-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-orders-page .page-header h1{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}@media (max-width: 480px){.admin-orders-page .page-header h1{font-size:1.5rem}}.admin-orders-page .page-header .header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-orders-page .page-header .header-actions .search-form,.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper{position:relative}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none;transition:color .3s ease}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input{padding:.6rem 1rem .6rem 2.8rem;border-radius:9999px;border:1px solid #e2e8f0;font-size:.95rem;width:250px;transition:all .3s ease;background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input::placeholder{color:#94a3b8}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:300px;outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input:focus+svg{color:#0f172a}.admin-orders-page .page-header .header-actions .search-form button{display:none}@media (max-width: 768px){.admin-orders-page .page-header .header-actions .search-form{width:100%;order:2;margin-top:.5rem}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input{width:100%}.admin-orders-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:100%}}.admin-orders-page .page-header .header-actions .action-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;position:relative}.admin-orders-page .page-header .header-actions .action-btn svg{font-size:1.25rem}.admin-orders-page .page-header .header-actions .action-btn:hover{background:#f9fafb;color:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-orders-page .page-header .header-actions .action-btn:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;opacity:1}.admin-orders-page .page-header .header-actions .action-btn.primary{background:#0f172a;color:#fff;border:none}.admin-orders-page .page-header .header-actions .action-btn.primary:hover{background:#080d17}.admin-orders-page .page-header .header-actions .view-toggle{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.25rem;gap:.25rem;box-shadow:0 1px 2px #0000000d;height:42px;align-items:center;margin-left:auto}.admin-orders-page .page-header .header-actions .view-toggle button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:#475569;border-radius:50%;cursor:pointer;transition:all .2s ease}.admin-orders-page .page-header .header-actions .view-toggle button:hover{color:#0f172a;background:#f3f4f6}.admin-orders-page .page-header .header-actions .view-toggle button.active{background:#0f172a;color:#fff;box-shadow:0 2px 4px #0f172a33}.admin-orders-page .page-header .header-actions .view-toggle button svg{font-size:1.1rem}.admin-orders-page .page-header .header-actions .stats{background:#fff;padding:.5rem .875rem;border-radius:9999px;border:1px solid #e2e8f0;color:#475569;font-size:.8rem;font-weight:500;box-shadow:0 1px 2px #0000000d}@media (max-width: 480px){.admin-orders-page .page-header .header-actions .stats{display:none}}.admin-orders-page .orders-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 480px){.admin-orders-page .orders-grid-container{grid-template-columns:1fr}}.admin-orders-page .orders-grid-container .order-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e2e8f0;display:flex;flex-direction:column}.admin-orders-page .orders-grid-container .order-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001a;border-color:#0f172a4d}.admin-orders-page .orders-grid-container .order-card .card-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.admin-orders-page .orders-grid-container .order-card .card-header .order-id{font-family:Monaco,Consolas,monospace;font-weight:600;color:#0f172a;letter-spacing:.05em;font-size:.85rem}.admin-orders-page .orders-grid-container .order-card .card-header .status-badge{padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-orders-page .orders-grid-container .order-card .card-header .status-badge.pending{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.admin-orders-page .orders-grid-container .order-card .card-header .status-badge.processing{background:#f0fdfa;color:#0f766e;border:1px solid #ccfbf1}.admin-orders-page .orders-grid-container .order-card .card-header .status-badge.shipped,.admin-orders-page .orders-grid-container .order-card .card-header .status-badge.delivered{background:#ecfdf5;color:#047857;border:1px solid #d1fae5}.admin-orders-page .orders-grid-container .order-card .card-header .status-badge.cancelled{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.admin-orders-page .orders-grid-container .order-card .card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.admin-orders-page .orders-grid-container .order-card .card-body .info-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.admin-orders-page .orders-grid-container .order-card .card-body .info-row .label{color:#475569}.admin-orders-page .orders-grid-container .order-card .card-body .info-row .value{color:#0f172a;font-weight:500}.admin-orders-page .orders-grid-container .order-card .card-body .info-row .value.price{color:#0f172a;font-weight:700;font-size:1.1rem}.admin-orders-page .orders-grid-container .order-card .card-body .info-row .value.payment-status.paid{color:#059669}.admin-orders-page .orders-grid-container .order-card .card-body .info-row .value.payment-status.unpaid{color:#dc2626}.admin-orders-page .orders-grid-container .order-card .card-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.admin-orders-page .orders-grid-container .order-card .card-footer .btn-view-details{flex:1.2;padding:.6rem .75rem;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-size:.9rem;white-space:nowrap}.admin-orders-page .orders-grid-container .order-card .card-footer .btn-view-details:hover{background:#0f172a;color:#fff;border-color:#0f172a}.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row{display:flex;gap:.5rem;flex:2}.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row button{flex:1;min-width:fit-content;height:34px;border-radius:6px;border:1px solid #e2e8f0;padding:0 .75rem;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s ease;background:#fff;color:#475569;font-family:inherit;font-size:.85rem;font-weight:500;white-space:nowrap}.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row button svg{font-size:1rem;flex-shrink:0}.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row button:hover{background:#f9fafb;color:#0f172a;border-color:#0f172a;transform:translateY(-1px)}@media (max-width: 480px){.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row button{width:34px;padding:0;justify-content:center}.admin-orders-page .orders-grid-container .order-card .card-footer .card-actions-row button span{display:none}}.admin-orders-page .orders-grid-container .no-data-grid{grid-column:1/-1;padding:4rem;text-align:center;color:#94a3b8;background:#fff;border-radius:1rem;border:1px dashed #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:1rem}.admin-orders-page .orders-grid-container .no-data-grid p{margin:0;font-size:1.125rem}.admin-orders-page .orders-table-container{background:#fff;border-radius:1rem;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:2rem;box-shadow:0 1px 2px #0000000d;overflow-x:auto}.admin-orders-page .orders-table-container table{width:100%;border-collapse:collapse;min-width:800px}.admin-orders-page .orders-table-container table th,.admin-orders-page .orders-table-container table td{padding:1rem 1.5rem;text-align:left;white-space:nowrap}.admin-orders-page .orders-table-container table th{background:#f9fafb;color:#475569;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.admin-orders-page .orders-table-container table td{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:.95rem}.admin-orders-page .orders-table-container table td.order-id{font-family:Monaco,Consolas,monospace;color:#0f172a}.admin-orders-page .orders-table-container table tr:last-child td{border-bottom:none}.admin-orders-page .orders-table-container table tr:hover td{background:#f9fafb}.admin-orders-page .orders-table-container .status-select{background:transparent;border:1px solid #e2e8f0;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;outline:none}.admin-orders-page .orders-table-container .status-select option{background:#fff;color:#0f172a}.admin-orders-page .orders-table-container .payment-status{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.admin-orders-page .orders-table-container .payment-status.paid{background:#ecfdf5;color:#047857}.admin-orders-page .orders-table-container .payment-status.unpaid{background:#fef2f2;color:#b91c1c}.admin-orders-page .orders-table-container .btn-icon{background:transparent;border:none;color:#475569;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-orders-page .orders-table-container .btn-icon:hover{background:#f3f4f6;color:#0f172a}.admin-orders-page .orders-table-container .action-buttons{display:flex;align-items:center;gap:.5rem}.admin-orders-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}@media (max-width: 768px){.admin-orders-page .modal-overlay{padding-bottom:90px}}.admin-orders-page .modal-overlay .modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:700px;height:600px;max-width:95vw;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-orders-page .modal-overlay .modal-content.large{width:900px;height:700px}@media (max-width: 768px){.admin-orders-page .modal-overlay .modal-content{width:95%;height:auto;min-height:400px;max-height:calc(100vh - 120px)}.admin-orders-page .modal-overlay .modal-content .order-details,.admin-orders-page .modal-overlay .modal-content .modal-actions{padding:1rem}}.admin-orders-page .modal-overlay .modal-content h2{padding:1.5rem;margin:0;border-bottom:1px solid #e2e8f0;font-size:1.25rem;color:#0f172a}.admin-orders-page .modal-overlay .modal-content .order-details{padding:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){.admin-orders-page .modal-overlay .modal-content .order-details{grid-template-columns:1fr;padding:1rem;gap:1.5rem}}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section h3{font-size:.9rem;color:#94a3b8;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section p{margin:.6rem 0;color:#0f172a;font-size:.95rem;display:flex;justify-content:space-between;gap:1rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section p strong{color:#475569;font-weight:500;min-width:100px}@media (max-width: 480px){.admin-orders-page .modal-overlay .modal-content .order-details .detail-section p{flex-direction:column;gap:.2rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section p strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section.full-width{grid-column:1/-1}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .status-control .status-select-large{width:100%;padding:.75rem;background:#f9fafb;border:1px solid #e2e8f0;border-radius:.75rem;color:#0f172a;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .status-control .status-select-large:focus{border-color:#0f172a;box-shadow:0 0 0 4px #0f172a1a}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item{background:#f9fafb;padding:1.25rem;border-radius:12px;margin-bottom:1rem;border:1px solid #e2e8f0}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info{display:flex;flex-direction:column;gap:.5rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .item-name{font-weight:700;color:#0f172a;font-size:1rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .item-meta{color:#475569;font-size:.9rem;display:flex;justify-content:space-between;background:#fff;padding:.5rem .75rem;border-radius:6px;border:1px solid #e2e8f0}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e2e8f0}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .preview-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#0f172a;margin-bottom:.75rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .preview-title svg{font-size:1rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .measurements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .measurements-grid .measurement-item{background:#fff;padding:.4rem .6rem;border-radius:6px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .measurements-grid .measurement-item .key{font-size:.7rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.admin-orders-page .modal-overlay .modal-content .order-details .detail-section .order-item .item-info .measurements-preview .measurements-grid .measurement-item .val{font-size:.9rem;color:#0f172a;font-weight:700}.admin-orders-page .modal-overlay .modal-content .modal-actions{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}.admin-orders-page .modal-overlay .modal-content .modal-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-orders-page .modal-overlay .modal-content .modal-actions button.btn-secondary{background:transparent;border:1px solid #e2e8f0;color:#475569}.admin-orders-page .modal-overlay .modal-content .modal-actions button.btn-secondary:hover{background:#f9fafb;color:#0f172a}.invoice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172acc;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@media (max-width: 768px){.invoice-modal-overlay{padding:.75rem;padding-bottom:90px}}.invoice-modal-content{background-color:#fff;width:780px;height:900px;max-width:100%;max-height:95vh;border-radius:1.5rem;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;border:none;position:relative}@media (max-width: 768px){.invoice-modal-content{height:100%;max-height:calc(100vh - 120px);border-radius:1.25rem}}.invoice-modal-content .modal-header{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;position:relative}@media (max-width: 768px){.invoice-modal-content .modal-header{padding:1.25rem 1rem;gap:1rem}}.invoice-modal-content .modal-header .close-btn{position:absolute;top:1.25rem;width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#94a3b8;cursor:pointer;transition:all .3s ease}.invoice-modal-content .modal-header .close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.invoice-modal-content .modal-header .close-btn.mobile-only{display:none}@media (max-width: 768px){.invoice-modal-content .modal-header .close-btn.mobile-only{display:flex;right:1rem}}.invoice-modal-content .modal-header .close-btn.desktop-only{right:2rem}@media (max-width: 768px){.invoice-modal-content .modal-header .close-btn.desktop-only{display:none}}.invoice-modal-content .modal-header .title-area h2{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.invoice-modal-content .modal-header .title-area .order-id{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.9rem;color:#94a3b8;letter-spacing:.05em;background:#f9fafb;padding:.25rem .75rem;border-radius:2rem;border:1px solid #e2e8f0}.invoice-modal-content .modal-header .header-controls{display:flex;align-items:center;gap:1rem;width:100%;justify-content:center}@media (max-width: 640px){.invoice-modal-content .modal-header .header-controls{flex-direction:column}}.invoice-modal-content .modal-header .toggle-group{display:flex;background:#f3f4f6;padding:.35rem;border-radius:1rem;gap:.25rem}.invoice-modal-content .modal-header .toggle-group .toggle-btn{padding:.6rem 1.25rem;border-radius:.75rem;border:none;background:transparent;display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.invoice-modal-content .modal-header .toggle-group .toggle-btn .icon{font-size:1.1rem}@media (max-width: 480px){.invoice-modal-content .modal-header .toggle-group .toggle-btn{padding:.5rem 1rem}.invoice-modal-content .modal-header .toggle-group .toggle-btn span{display:block}}.invoice-modal-content .modal-header .toggle-group .toggle-btn:hover{color:#0f172a}.invoice-modal-content .modal-header .toggle-group .toggle-btn.active{background:#fff;color:#0f172a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.invoice-modal-content .modal-header .action-group{display:flex;gap:.75rem}.invoice-modal-content .modal-header .action-group .download-btn,.invoice-modal-content .modal-header .action-group .print-btn{height:44px;padding:0 1.5rem;border-radius:1rem;display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;border:none}.invoice-modal-content .modal-header .action-group .download-btn{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.invoice-modal-content .modal-header .action-group .download-btn:hover{background:#f9fafb;border-color:#0f172a;transform:translateY(-2px)}.invoice-modal-content .modal-header .action-group .print-btn{background:#0f172a;color:#fff}.invoice-modal-content .modal-header .action-group .print-btn:hover{background:#1c2c50;box-shadow:0 8px 16px -4px #0f172a4d;transform:translateY(-2px)}@media (max-width: 480px){.invoice-modal-content .modal-header .action-group{width:100%}.invoice-modal-content .modal-header .action-group .download-btn,.invoice-modal-content .modal-header .action-group .print-btn{flex:1;padding:0;justify-content:center}.invoice-modal-content .modal-header .action-group .download-btn span,.invoice-modal-content .modal-header .action-group .print-btn span{display:none}}.invoice-modal-content .pdf-container{flex:1;background:#fff;position:relative;overflow:hidden;display:flex;justify-content:center}.invoice-modal-content .pdf-container .pdf-viewer{border:none;width:100%;height:100%;background:#fff}.invoice-modal-content .pdf-container:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.03),transparent);z-index:10;pointer-events:none}.invoice-modal-content .modal-footer{padding:1rem 2rem;background:#f9fafb;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.invoice-modal-content .modal-footer .help-text{margin:0;font-size:.85rem;font-weight:500;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.invoice-modal-content .modal-footer .help-text:before{content:"•";color:#10b981;font-size:1.5rem;line-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-reviews-page{padding:2rem;background-color:#f8f9fa;min-height:100vh}.admin-reviews-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-reviews-page .page-header h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.admin-reviews-page .page-header .filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.admin-reviews-page .page-header .filter-buttons button{padding:.625rem 1.25rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#475569;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.admin-reviews-page .page-header .filter-buttons button:hover{background:#f9fafb;border-color:#0f172a;color:#0f172a}.admin-reviews-page .page-header .filter-buttons button.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 2px 4px #0f172a33}.admin-reviews-page .reviews-list{display:grid;gap:1.5rem;margin-bottom:2rem}.admin-reviews-page .reviews-list .review-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.admin-reviews-page .reviews-list .review-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.admin-reviews-page .reviews-list .review-card .review-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#f9fafb;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.admin-reviews-page .reviews-list .review-card .review-header .review-info{flex:1;min-width:250px}.admin-reviews-page .reviews-list .review-card .review-header .review-info h3{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:#475569}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta .rating{display:flex;gap:.25rem}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta .rating svg{width:16px;height:16px}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta .user{font-weight:500;color:#0f172a}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta .date{color:#94a3b8}.admin-reviews-page .reviews-list .review-card .review-header .review-status{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-reviews-page .reviews-list .review-card .review-header .review-status .status-badge{padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-reviews-page .reviews-list .review-card .review-header .review-status .status-badge.pending{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.admin-reviews-page .reviews-list .review-card .review-header .review-status .status-badge.approved{background:#ecfdf5;color:#047857;border:1px solid #d1fae5}.admin-reviews-page .reviews-list .review-card .review-header .review-status .verified-badge{padding:.375rem .875rem;border-radius:9999px;background:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:600;border:1px solid #bfdbfe}.admin-reviews-page .reviews-list .review-card .review-content{padding:1.5rem}.admin-reviews-page .reviews-list .review-card .review-content h4{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.admin-reviews-page .reviews-list .review-card .review-content p{color:#475569;line-height:1.6;margin:0;font-size:.9375rem}.admin-reviews-page .reviews-list .review-card .review-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f9fafb;flex-wrap:wrap}.admin-reviews-page .reviews-list .review-card .review-actions button{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.admin-reviews-page .reviews-list .review-card .review-actions button svg{width:16px;height:16px}.admin-reviews-page .reviews-list .review-card .review-actions button:hover{transform:translateY(-1px)}.admin-reviews-page .reviews-list .review-card .review-actions button:active{transform:translateY(0)}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-approve{background:#ecfdf5;color:#047857;border:1px solid #d1fae5}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-approve:hover{background:#d1fae5;box-shadow:0 2px 4px #04785733}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-reject{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-reject:hover{background:#ffedd5;box-shadow:0 2px 4px #c2410c33}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-delete{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.admin-reviews-page .reviews-list .review-card .review-actions button.btn-delete:hover{background:#fee2e2;box-shadow:0 2px 4px #dc262633}.admin-reviews-page .reviews-list .no-data{text-align:center;padding:4rem 2rem;background:#fff;border:1px dashed #e2e8f0;border-radius:1rem;color:#94a3b8}.admin-reviews-page .reviews-list .no-data svg{color:#d1d5db;margin-bottom:1rem}.admin-reviews-page .reviews-list .no-data p{font-size:1.125rem;color:#475569;font-weight:500;margin:0}@media (max-width: 768px){.admin-reviews-page{padding:1rem}.admin-reviews-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-reviews-page .page-header h1{font-size:1.5rem}.admin-reviews-page .page-header .filter-buttons{width:100%}.admin-reviews-page .page-header .filter-buttons button{flex:1;min-width:0}.admin-reviews-page .reviews-list .review-card .review-header{padding:1rem}.admin-reviews-page .reviews-list .review-card .review-header .review-info h3{font-size:1rem}.admin-reviews-page .reviews-list .review-card .review-header .review-info .review-meta{font-size:.8125rem}.admin-reviews-page .reviews-list .review-card .review-content{padding:1rem}.admin-reviews-page .reviews-list .review-card .review-actions{padding:.75rem 1rem;flex-direction:column}.admin-reviews-page .reviews-list .review-card .review-actions button{width:100%;justify-content:center}}.admin-banners-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-banners-page .page-header h1{font-size:1.75rem;font-weight:600;color:#0f172a;margin:0}@media (max-width: 480px){.admin-banners-page .page-header h1{font-size:1.5rem}.admin-banners-page .page-header .btn-primary{padding:.5rem 1rem;font-size:.9rem}}.admin-banners-page .banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-banners-page .banners-grid .banner-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.admin-banners-page .banners-grid .banner-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-banners-page .banners-grid .banner-card .banner-image{width:100%;height:180px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.admin-banners-page .banners-grid .banner-card .banner-image img{width:100%;height:100%;object-fit:cover}.admin-banners-page .banners-grid .banner-card .banner-image .no-image{font-size:3rem;color:#d1d5db}.admin-banners-page .banners-grid .banner-card .banner-info{padding:1rem}.admin-banners-page .banners-grid .banner-card .banner-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:#0f172a}.admin-banners-page .banners-grid .banner-card .banner-info p{font-size:.875rem;color:#475569;margin:0 0 1rem}.admin-banners-page .banners-grid .banner-card .banner-info .banner-meta{display:flex;gap:.5rem}.admin-banners-page .banners-grid .banner-card .banner-info .banner-meta .status{padding:.25rem .75rem;border-radius:2px;font-size:.75rem;font-weight:600}.admin-banners-page .banners-grid .banner-card .banner-info .banner-meta .status.active{background:#10b9811a;color:#10b981}.admin-banners-page .banners-grid .banner-card .banner-info .banner-meta .status.inactive{background:#9ca3af1a;color:#9ca3af}.admin-banners-page .banners-grid .banner-card .banner-info .banner-meta .position{padding:.25rem .75rem;border-radius:2px;font-size:.75rem;background:#f3f4f6;color:#475569;text-transform:capitalize}.admin-banners-page .banners-grid .banner-card .banner-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.admin-banners-page .banners-grid .banner-card .banner-actions .btn-icon{flex:1;padding:.5rem;background:#f3f4f6;border:none;border-radius:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-banners-page .banners-grid .banner-card .banner-actions .btn-icon:hover{background:#e5e7eb}.admin-banners-page .banners-grid .banner-card .banner-actions .btn-icon.delete{color:#0f172a}.admin-banners-page .banners-grid .banner-card .banner-actions .btn-icon.delete:hover{background:#0f172a1a}.admin-banners-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-banners-page .modal-overlay .modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.admin-banners-page .modal-overlay .modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#0f172a}.admin-banners-page .modal-overlay .modal-content .form-group{margin-bottom:1.5rem}.admin-banners-page .modal-overlay .modal-content .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#0f172a;font-size:.875rem}.admin-banners-page .modal-overlay .modal-content .form-group input,.admin-banners-page .modal-overlay .modal-content .form-group select,.admin-banners-page .modal-overlay .modal-content .form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:2px;font-size:.9375rem;transition:all .2s ease}.admin-banners-page .modal-overlay .modal-content .form-group input:focus,.admin-banners-page .modal-overlay .modal-content .form-group select:focus,.admin-banners-page .modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:#0f172a}.admin-banners-page .modal-overlay .modal-content .form-group .image-preview{margin-top:1rem;max-width:100%;max-height:200px;border-radius:2px}.admin-banners-page .modal-overlay .modal-content .form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.admin-banners-page .modal-overlay .modal-content .form-group.checkbox label input{width:auto}.admin-banners-page .modal-overlay .modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.admin-banners-page .modal-overlay .modal-content .form-row{grid-template-columns:1fr}}.admin-banners-page .modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.admin-banners-page .modal-overlay .modal-content .modal-actions button{padding:.75rem 1.5rem;border-radius:2px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-banners-page .modal-overlay .modal-content .modal-actions button.btn-primary{background:#0f172a;color:#fff;border:none}.admin-banners-page .modal-overlay .modal-content .modal-actions button.btn-primary:hover:not(:disabled){background:#020617}.admin-banners-page .modal-overlay .modal-content .modal-actions button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-banners-page .modal-overlay .modal-content .modal-actions button.btn-secondary{background:transparent;color:#475569;border:1px solid #e2e8f0}.admin-banners-page .modal-overlay .modal-content .modal-actions button.btn-secondary:hover{background:#f3f4f6}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:2px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#020617}.admin-users-page{padding:1.5rem}@media (max-width: 768px){.admin-users-page{padding:1rem}}.admin-users-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.admin-users-page .page-header h1{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}@media (max-width: 480px){.admin-users-page .page-header h1{font-size:1.5rem}}.admin-users-page .page-header .header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.admin-users-page .page-header .header-actions{width:100%;justify-content:space-between}}.admin-users-page .page-header .header-actions .search-form{display:flex;gap:.5rem}@media (max-width: 768px){.admin-users-page .page-header .header-actions .search-form{order:3;width:100%;margin-top:.5rem}}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper{position:relative;display:flex;align-items:center}@media (max-width: 768px){.admin-users-page .page-header .header-actions .search-form .search-input-wrapper{width:100%}}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper svg{position:absolute;left:10px;color:#64748b;pointer-events:none}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper input{padding:.5rem 1rem .5rem 2.2rem;border:1px solid #e2e8f0;border-radius:9999px;font-size:.9rem;width:250px;transition:all .3s ease;background:#fff}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:300px;outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.admin-users-page .page-header .header-actions .search-form .search-input-wrapper input{width:100%}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper input:focus{width:100%}}.admin-users-page .page-header .header-actions .search-form button{display:none}.admin-users-page .page-header .header-actions .view-toggle{display:flex;background:#fff;border-radius:9999px;padding:4px;gap:4px;border:1px solid #e2e8f0;height:38px;align-items:center;margin-left:auto}@media (max-width: 768px){.admin-users-page .page-header .header-actions .view-toggle{margin-left:0}}.admin-users-page .page-header .header-actions .view-toggle button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;padding:0}.admin-users-page .page-header .header-actions .view-toggle button:hover{background:#f1f5f9;color:#0f172a}.admin-users-page .page-header .header-actions .view-toggle button.active{background:#3b82f6;color:#fff}.admin-users-page .page-header .header-actions .view-toggle button svg{font-size:1rem}.admin-users-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-users-page .table-container table{width:100%;border-collapse:collapse}.admin-users-page .table-container table th,.admin-users-page .table-container table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #f1f5f9}.admin-users-page .table-container table th{background:#f8fafc;font-weight:600;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-users-page .table-container table td{color:#1e293b;font-size:.95rem}.admin-users-page .table-container table td .user-info{display:flex;align-items:center;gap:1rem}.admin-users-page .table-container table td .user-info .avatar-placeholder{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.admin-users-page .table-container table td .user-info .details{display:flex;flex-direction:column}.admin-users-page .table-container table td .user-info .details .name{font-weight:500;color:#0f172a}.admin-users-page .table-container table td .user-info .details .email{font-size:.85rem;color:#64748b}.admin-users-page .table-container table td .role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.admin-users-page .table-container table td .role-badge.admin{background:#dbeafe;color:#1e40af}.admin-users-page .table-container table td .role-badge.customer{background:#f1f5f9;color:#475569}.admin-users-page .table-container table td .actions{display:flex;gap:.5rem}.admin-users-page .table-container table td .actions button{border:none;background:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-users-page .table-container table td .actions button.edit-btn{color:#3b82f6;background:#eff6ff}.admin-users-page .table-container table td .actions button.edit-btn:hover{background:#dbeafe}.admin-users-page .table-container table td .actions button.delete-btn{color:#ef4444;background:#fef2f2}.admin-users-page .table-container table td .actions button.delete-btn:hover{background:#fee2e2}.admin-users-page .table-container table td .actions button.email-btn{color:#10b981;background:#ecfdf5}.admin-users-page .table-container table td .actions button.email-btn:hover{background:#d1fae5}.admin-users-page .grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 480px){.admin-users-page .grid-container{grid-template-columns:1fr}}.admin-users-page .grid-container .user-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:all .2s ease;border:1px solid #f1f5f9;display:flex;flex-direction:column}.admin-users-page .grid-container .user-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000001a}.admin-users-page .grid-container .user-card .card-header{padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.admin-users-page .grid-container .user-card .card-header .user-info{display:flex;gap:1rem;align-items:center}.admin-users-page .grid-container .user-card .card-header .user-info .avatar-placeholder{width:48px;height:48px;background:#eff6ff;color:#3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.admin-users-page .grid-container .user-card .card-header .user-info .details{display:flex;flex-direction:column}.admin-users-page .grid-container .user-card .card-header .user-info .details .name{font-weight:600;color:#0f172a;font-size:1rem}.admin-users-page .grid-container .user-card .card-header .user-info .details .email{font-size:.8rem;color:#64748b}.admin-users-page .grid-container .user-card .card-header .role-badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.admin-users-page .grid-container .user-card .card-header .role-badge.admin{background:#dbeafe;color:#1e40af}.admin-users-page .grid-container .user-card .card-header .role-badge.customer{background:#f1f5f9;color:#475569}.admin-users-page .grid-container .user-card .card-body{padding:1.25rem;flex:1}.admin-users-page .grid-container .user-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.admin-users-page .grid-container .user-card .card-body .info-row .label{color:#64748b}.admin-users-page .grid-container .user-card .card-body .info-row .value{font-weight:500;color:#334155}.admin-users-page .grid-container .user-card .card-body .user-desc{margin-top:1rem;font-size:.85rem;color:#64748b;background:#f8fafc;padding:.75rem;border-radius:8px;font-style:italic;line-height:1.4}.admin-users-page .grid-container .user-card .card-footer{padding:1rem;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:.5rem}.admin-users-page .grid-container .user-card .card-footer button{border:none;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.admin-users-page .grid-container .user-card .card-footer button.edit-btn{background:#fff;border:1px solid #e2e8f0;color:#3b82f6}.admin-users-page .grid-container .user-card .card-footer button.edit-btn:hover{background:#eff6ff;border-color:#bfdbfe}.admin-users-page .grid-container .user-card .card-footer button.email-btn{background:#fff;border:1px solid #e2e8f0;color:#10b981}.admin-users-page .grid-container .user-card .card-footer button.email-btn:hover{background:#ecfdf5;border-color:#a7f3d0}.admin-users-page .grid-container .user-card .card-footer button.delete-btn{background:#fff;border:1px solid #e2e8f0;color:#ef4444}.admin-users-page .grid-container .user-card .card-footer button.delete-btn:hover{background:#fef2f2;border-color:#fecaca}.admin-users-page .no-data-grid{text-align:center;padding:3rem;color:#64748b;background:#fff;border-radius:12px}.admin-users-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}@media (max-width: 768px){.admin-users-page .modal-overlay{padding-bottom:90px}}.admin-users-page .modal-overlay .modal-content{background:#fff;border-radius:1rem;width:700px;height:600px;max-width:95vw;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}@media (max-width: 768px){.admin-users-page .modal-overlay .modal-content{width:95%;height:auto;min-height:400px;max-height:calc(100vh - 120px)}}.admin-users-page .modal-overlay .modal-content .modal-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.admin-users-page .modal-overlay .modal-content .modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.admin-users-page .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.25rem;display:flex}.admin-users-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#1e293b}.admin-users-page .modal-overlay .modal-content .modal-body{padding:1.5rem}.admin-users-page .modal-overlay .modal-content .modal-body .form-group{margin-bottom:1.25rem}.admin-users-page .modal-overlay .modal-content .modal-body .form-group label{display:block;margin-bottom:.5rem;color:#475569;font-weight:500;font-size:.9rem}.admin-users-page .modal-overlay .modal-content .modal-body .form-group input,.admin-users-page .modal-overlay .modal-content .modal-body .form-group select,.admin-users-page .modal-overlay .modal-content .modal-body .form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem}.admin-users-page .modal-overlay .modal-content .modal-body .form-group input:focus,.admin-users-page .modal-overlay .modal-content .modal-body .form-group select:focus,.admin-users-page .modal-overlay .modal-content .modal-body .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.admin-users-page .modal-overlay .modal-content .modal-body .form-group textarea{resize:vertical;min-height:100px}.admin-users-page .modal-overlay .modal-content .modal-footer{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}.admin-users-page .modal-overlay .modal-content .modal-footer button{padding:.6rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;font-size:.9rem;border:1px solid transparent}.admin-users-page .modal-overlay .modal-content .modal-footer button.btn-secondary{background:#fff;border-color:#e2e8f0;color:#64748b}.admin-users-page .modal-overlay .modal-content .modal-footer button.btn-secondary:hover{background:#f1f5f9;color:#1e293b}.admin-users-page .modal-overlay .modal-content .modal-footer button.btn-primary{background:#3b82f6;color:#fff}.admin-users-page .modal-overlay .modal-content .modal-footer button.btn-primary:hover{background:#2563eb}.admin-users-page .modal-overlay .modal-content .modal-footer button.btn-primary:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.admin-users-page{padding:1rem}.admin-users-page .page-header{flex-direction:column;gap:1rem;align-items:stretch}.admin-users-page .page-header .header-actions .search-form{flex:1}.admin-users-page .page-header .header-actions .search-form .search-input-wrapper input{width:100%}.admin-users-page .table-container{overflow-x:auto}.admin-users-page .table-container table th,.admin-users-page .table-container table td{padding:1rem;white-space:nowrap}}.admin-chatbot-page{padding:1.5rem;color:#0f172a;max-width:1400px;margin:0 auto}@media (max-width: 768px){.admin-chatbot-page{padding:1rem;padding-bottom:80px}}.admin-chatbot-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.admin-chatbot-page .page-header .header-title{display:flex;align-items:center;gap:1rem}.admin-chatbot-page .page-header .header-title .icon{font-size:2rem;color:#0f172a;background:#0f172a1a;padding:.5rem;border-radius:12px}.admin-chatbot-page .page-header .header-title h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0}@media (max-width: 480px){.admin-chatbot-page .page-header .header-title h1{font-size:1.75rem}}.admin-chatbot-page .page-header .header-actions{display:flex;gap:1rem}.admin-chatbot-page .page-header .header-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.admin-chatbot-page .page-header .header-actions button.btn-reset{background:#fff;border:1px solid #e2e8f0;color:#475569}.admin-chatbot-page .page-header .header-actions button.btn-reset:hover{background:#f9fafb;border-color:#94a3b8}@media (max-width: 480px){.admin-chatbot-page .page-header .header-actions button.btn-reset span{display:none}.admin-chatbot-page .page-header .header-actions button.btn-reset{padding:.75rem}}.admin-chatbot-page .page-header .header-actions button.btn-save-desktop{background:#0f172a;border:none;color:#fff;box-shadow:0 4px 12px #0f172a40}.admin-chatbot-page .page-header .header-actions button.btn-save-desktop:hover{background:#080d17;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a59}.admin-chatbot-page .page-header .header-actions button.btn-save-desktop:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.admin-chatbot-page .page-header .header-actions button.btn-save-desktop{display:none}}.admin-chatbot-page .chatbot-content-grid{display:grid;grid-template-columns:350px 1fr;grid-template-rows:auto auto;gap:2rem;align-items:start}@media (max-width: 1100px){.admin-chatbot-page .chatbot-content-grid{grid-template-columns:1fr}}.admin-chatbot-page .chatbot-content-grid .guide-card,.admin-chatbot-page .chatbot-content-grid .config-card,.admin-chatbot-page .chatbot-content-grid .preview-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column}.admin-chatbot-page .chatbot-content-grid .guide-card .card-header,.admin-chatbot-page .chatbot-content-grid .config-card .card-header,.admin-chatbot-page .chatbot-content-grid .preview-card .card-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f9fafb;display:flex;align-items:center;gap:.75rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-header h2,.admin-chatbot-page .chatbot-content-grid .config-card .card-header h2,.admin-chatbot-page .chatbot-content-grid .preview-card .card-header h2{font-size:1.125rem;font-weight:700;margin:0;color:#0f172a}.admin-chatbot-page .chatbot-content-grid .guide-card .card-header .icon,.admin-chatbot-page .chatbot-content-grid .config-card .card-header .icon,.admin-chatbot-page .chatbot-content-grid .preview-card .card-header .icon{color:#0f172a;font-size:1.25rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body,.admin-chatbot-page .chatbot-content-grid .config-card .card-body,.admin-chatbot-page .chatbot-content-grid .preview-card .card-body{padding:1.5rem}.admin-chatbot-page .chatbot-content-grid .guide-card{grid-row:span 2}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body p{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .variable-tip{background:#f0f9ff;border:1px solid #bae6fd;padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .variable-tip code{color:#0369a1;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:700;font-size:.9rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .variable-tip span{color:#0c4a6e;font-size:.85rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .guide-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .guide-list li{position:relative;padding-left:1.5rem;font-size:.9rem;color:#475569;line-height:1.4}.admin-chatbot-page .chatbot-content-grid .guide-card .card-body .guide-list li:before{content:"→";position:absolute;left:0;color:#0f172a;font-weight:700}.admin-chatbot-page .chatbot-content-grid .config-card .title-group{display:flex;flex-direction:column;gap:.25rem}.admin-chatbot-page .chatbot-content-grid .config-card .title-group .timestamp{font-size:.75rem;font-weight:500;color:#94a3b8}.admin-chatbot-page .chatbot-content-grid .config-card .textarea-wrapper textarea{width:100%;min-height:350px;padding:1.25rem;border:1px solid #e2e8f0;border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.95rem;line-height:1.6;color:#0f172a;resize:vertical;background:#f9fafb;transition:all .2s ease}.admin-chatbot-page .chatbot-content-grid .config-card .textarea-wrapper textarea:focus{outline:none;border-color:#0f172a;background:#fff;box-shadow:0 0 0 4px #0f172a1a}.admin-chatbot-page .chatbot-content-grid .config-card .textarea-wrapper .footer-info{margin-top:1rem;display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8}.admin-chatbot-page .chatbot-content-grid .config-card .textarea-wrapper .footer-info .char-limit.warning{color:#dc2626;font-weight:600}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview{background:#f9fafb;border-radius:12px;padding:1.5rem;border:1px dashed #e2e8f0}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .bot-message{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .bot-message .avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 1px 2px #0000000d}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .bot-message .avatar img{width:100%;height:100%;object-fit:cover}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .bot-message .bubble{background:#fff;padding:1rem 1.25rem;border-radius:0 12px 12px;box-shadow:0 1px 2px #0000000d;max-width:85%}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .bot-message .bubble p{margin:0;font-size:.9rem;color:#0f172a;line-height:1.5;white-space:pre-wrap}.admin-chatbot-page .chatbot-content-grid .preview-card .chat-preview .preview-info{text-align:center;color:#94a3b8;font-size:.8rem;font-style:italic}.admin-chatbot-page .mobile-actions{display:none;position:fixed;bottom:70px;left:0;right:0;padding:1rem;background:transparent;z-index:99}@media (max-width: 768px){.admin-chatbot-page .mobile-actions{display:block}}.admin-chatbot-page .mobile-actions .btn-save-mobile{width:100%;background:#0f172a;color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 12px #0f172a66}.admin-chatbot-page .mobile-actions .btn-save-mobile:active{transform:scale(.98)}.admin-chatbot-page .mobile-actions .btn-save-mobile .spinning{animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.admin-gallery-page{padding:1rem}.admin-gallery-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-gallery-page .page-header h1{font-size:1.75rem;font-weight:600;color:#0f172a;margin:0}@media (max-width: 480px){.admin-gallery-page .page-header h1{font-size:1.5rem}.admin-gallery-page .page-header .btn-primary{padding:.5rem 1rem;font-size:.9rem}}.admin-gallery-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.admin-gallery-page .gallery-grid .empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:8px;border:2px dashed #e5e7eb;color:#9ca3af}.admin-gallery-page .gallery-grid .empty-state svg{font-size:3rem;margin-bottom:1rem}.admin-gallery-page .gallery-grid .empty-state p{font-size:1.1rem}.admin-gallery-page .gallery-grid .gallery-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;display:flex;flex-direction:column}.admin-gallery-page .gallery-grid .gallery-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-4px)}.admin-gallery-page .gallery-grid .gallery-card .gallery-image{width:100%;height:200px;position:relative;background:#f3f4f6}.admin-gallery-page .gallery-grid .gallery-card .gallery-image img{width:100%;height:100%;object-fit:cover}.admin-gallery-page .gallery-grid .gallery-card .gallery-image .status-badge{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 1px 2px #0000000d}.admin-gallery-page .gallery-grid .gallery-card .gallery-image .status-badge.active{background:#10b981;color:#fff}.admin-gallery-page .gallery-grid .gallery-card .gallery-image .status-badge.inactive{background:#0f172a;color:#fff}.admin-gallery-page .gallery-grid .gallery-card .gallery-info{padding:1rem;flex:1}.admin-gallery-page .gallery-grid .gallery-card .gallery-info h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-gallery-page .gallery-grid .gallery-card .gallery-info .order{font-size:.875rem;color:#475569;margin:0}.admin-gallery-page .gallery-grid .gallery-card .gallery-actions{display:flex;gap:.5rem;padding:0 1rem 1rem}.admin-gallery-page .gallery-grid .gallery-card .gallery-actions .btn-icon{flex:1;padding:.5rem;background:#f3f4f6;border:none;border-radius:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#475569}.admin-gallery-page .gallery-grid .gallery-card .gallery-actions .btn-icon:hover{background:#e5e7eb;color:#0f172a}.admin-gallery-page .gallery-grid .gallery-card .gallery-actions .btn-icon.delete:hover{background:#0f172a1a;color:#0f172a}.admin-gallery-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-gallery-page .modal-overlay .modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:550px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.admin-gallery-page .modal-overlay .modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#0f172a}.admin-gallery-page .modal-overlay .modal-content .form-group{margin-bottom:1.5rem}.admin-gallery-page .modal-overlay .modal-content .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#0f172a;font-size:.9rem}.admin-gallery-page .modal-overlay .modal-content .form-group input[type=text],.admin-gallery-page .modal-overlay .modal-content .form-group input[type=number],.admin-gallery-page .modal-overlay .modal-content .form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:2px;font-size:1rem;transition:all .2s ease}.admin-gallery-page .modal-overlay .modal-content .form-group input[type=text]:focus,.admin-gallery-page .modal-overlay .modal-content .form-group input[type=number]:focus,.admin-gallery-page .modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-gallery-page .modal-overlay .modal-content .form-group .image-preview-container{margin-top:1rem;border-radius:4px;overflow:hidden;border:1px solid #e2e8f0;height:200px}.admin-gallery-page .modal-overlay .modal-content .form-group .image-preview-container .image-preview{width:100%;height:100%;object-fit:contain;background:#f3f4f6}.admin-gallery-page .modal-overlay .modal-content .form-group .uploading-text{margin-top:.5rem;font-size:.875rem;color:#0f172a;font-weight:500}.admin-gallery-page .modal-overlay .modal-content .form-group.checkbox label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:500}.admin-gallery-page .modal-overlay .modal-content .form-group.checkbox label input{width:18px;height:18px;cursor:pointer}.admin-gallery-page .modal-overlay .modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 480px){.admin-gallery-page .modal-overlay .modal-content .form-row{grid-template-columns:1fr}}.admin-gallery-page .modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.admin-gallery-page .modal-overlay .modal-content .modal-actions button{padding:.75rem 1.5rem;border-radius:2px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.admin-gallery-page .modal-overlay .modal-content .modal-actions button.btn-primary{background:#0f172a;color:#fff;border:none}.admin-gallery-page .modal-overlay .modal-content .modal-actions button.btn-primary:hover:not(:disabled){background:#020617}.admin-gallery-page .modal-overlay .modal-content .modal-actions button.btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-gallery-page .modal-overlay .modal-content .modal-actions button.btn-secondary{background:transparent;color:#475569;border:1px solid #e2e8f0}.admin-gallery-page .modal-overlay .modal-content .modal-actions button.btn-secondary:hover{background:#f3f4f6;color:#0f172a}.loading{display:flex;align-items:center;justify-content:center;height:300px;font-size:1.2rem;color:#475569;font-weight:500}.admin-about-page{padding:1rem;padding-bottom:80px;max-width:1200px;margin:0 auto}.admin-about-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-about-page .page-header h1{font-size:1.75rem;font-weight:700;color:#0f172a;margin:0}.admin-about-page .page-header .btn-save-desktop{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.admin-about-page .page-header .btn-save-desktop:hover:not(:disabled){background:#020204;transform:translateY(-2px)}.admin-about-page .page-header .btn-save-desktop:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.admin-about-page .page-header .btn-save-desktop{display:none}}.admin-about-page .about-content-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.admin-about-page .about-content-grid{grid-template-columns:1fr}}.admin-about-page .about-content-grid .profile-card,.admin-about-page .about-content-grid .story-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.admin-about-page .about-content-grid .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.admin-about-page .about-content-grid .card-header .icon{font-size:1.5rem;color:#0f172a}.admin-about-page .about-content-grid .card-header h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.admin-about-page .about-content-grid .profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.admin-about-page .about-content-grid .profile-image-section .image-preview-wrapper{width:150px;height:150px;position:relative;border-radius:50%;overflow:hidden;border:4px solid #ffffff;box-shadow:0 0 0 2px #e2e8f0;background:#f9fafb;margin-bottom:1rem}.admin-about-page .about-content-grid .profile-image-section .image-preview-wrapper img{width:100%;height:100%;object-fit:cover}.admin-about-page .about-content-grid .profile-image-section .image-preview-wrapper .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-size:.8rem}.admin-about-page .about-content-grid .profile-image-section .image-preview-wrapper .upload-btn-overlay{position:absolute;bottom:0;left:0;right:0;height:40px;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:height .2s ease}.admin-about-page .about-content-grid .profile-image-section .image-preview-wrapper .upload-btn-overlay:hover{height:100%;background:#0006}.admin-about-page .about-content-grid .profile-image-section .helper-text{font-size:.85rem;color:#94a3b8}.admin-about-page .about-content-grid .form-group{margin-bottom:1.5rem}.admin-about-page .about-content-grid .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#475569;font-size:.9rem}.admin-about-page .about-content-grid .form-group .form-input,.admin-about-page .about-content-grid .form-group .form-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s;background:#f9fafb;font-family:inherit}.admin-about-page .about-content-grid .form-group .form-input:focus,.admin-about-page .about-content-grid .form-group .form-textarea:focus{outline:none;border-color:#0f172a;background:#fff;box-shadow:0 0 0 3px #0f172a1a}.admin-about-page .about-content-grid .form-group .form-input.large,.admin-about-page .about-content-grid .form-group .form-textarea.large{min-height:300px;line-height:1.6}.admin-about-page .mobile-actions{display:none;position:fixed;bottom:80px;right:1rem;z-index:100}@media (max-width: 768px){.admin-about-page .mobile-actions{display:block}}.admin-about-page .mobile-actions .btn-save-mobile{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:9999px;font-weight:600;box-shadow:0 4px 12px #0f172a66;cursor:pointer}.admin-about-page .mobile-actions .btn-save-mobile:active{transform:scale(.95)}.admin-inventory-page.simple-theme{padding:2rem;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}@media (max-width: 768px){.admin-inventory-page.simple-theme{padding:1rem}}.admin-inventory-page.simple-theme .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}@media (max-width: 640px){.admin-inventory-page.simple-theme .page-header{flex-direction:column;align-items:flex-start}}.admin-inventory-page.simple-theme .page-header .header-info h1{font-size:1.8rem;font-weight:700;color:#0f172a;margin:0}.admin-inventory-page.simple-theme .page-header .header-info p{color:#475569;margin:.25rem 0 0;font-size:.95rem}.admin-inventory-page.simple-theme .page-header .add-btn{background:#0f172a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.admin-inventory-page.simple-theme .page-header .add-btn:hover{background:#080d17;transform:translateY(-1px)}.admin-inventory-page.simple-theme .stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}@media (max-width: 640px){.admin-inventory-page.simple-theme .stats-container{grid-template-columns:1fr}}.admin-inventory-page.simple-theme .stats-container .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:1.25rem;border:1px solid #e2e8f0}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-icon.blue{background:#3b82f61a;color:#3b82f6}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-icon.green{background:#10b9811a;color:#10b981}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-icon.red{background:#ef44441a;color:#ef4444}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-info h3{font-size:.9rem;color:#475569;margin:0 0 .25rem;font-weight:500}.admin-inventory-page.simple-theme .stats-container .stat-card .stat-info p{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.admin-inventory-page.simple-theme .content-filters{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}@media (max-width: 991px){.admin-inventory-page.simple-theme .content-filters{flex-direction:column;align-items:stretch}}.admin-inventory-page.simple-theme .content-filters .tabs{display:flex;background:#f1f5f9;padding:.25rem;border-radius:8px;gap:.25rem}.admin-inventory-page.simple-theme .content-filters .tabs button{padding:.6rem 1.5rem;border:none;border-radius:6px;background:transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.admin-inventory-page.simple-theme .content-filters .tabs button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.admin-inventory-page.simple-theme .content-filters .filter-actions{display:flex;gap:1rem;flex:1;justify-content:flex-end}@media (max-width: 640px){.admin-inventory-page.simple-theme .content-filters .filter-actions{flex-direction:column}}.admin-inventory-page.simple-theme .content-filters .filter-actions .search-bar{position:relative;max-width:320px;width:100%}.admin-inventory-page.simple-theme .content-filters .filter-actions .search-bar svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.admin-inventory-page.simple-theme .content-filters .filter-actions .search-bar input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;outline:none;font-size:16px}.admin-inventory-page.simple-theme .content-filters .filter-actions .search-bar input:focus{border-color:#0f172a;background:#fff}.admin-inventory-page.simple-theme .content-filters .filter-actions .view-toggle{display:flex;background:#f1f5f9;padding:.25rem;border-radius:8px;gap:.25rem}.admin-inventory-page.simple-theme .content-filters .filter-actions .view-toggle button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer}.admin-inventory-page.simple-theme .content-filters .filter-actions .view-toggle button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000d}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 480px){.admin-inventory-page.simple-theme .inventory-viewport .materials-grid{grid-template-columns:1fr}}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card.low-stock{border-left:4px solid #ef4444}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header .type-badge{padding:.25rem .75rem;background:#f1f5f9;border-radius:100px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header .actions{display:flex;gap:.5rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header .actions button{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;font-size:1.1rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header .actions button:hover{color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .card-header .actions button.delete:hover{color:#ef4444}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 1rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info{margin-bottom:1.25rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info .stock-count{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info .stock-count .label{color:#64748b}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info .stock-count .value{font-weight:700;color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info .progress-bar{height:6px;background:#f1f5f9;border-radius:100px;overflow:hidden}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .stock-info .progress-bar .fill{height:100%;background:#0f172a;transition:width .3s ease}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#64748b}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .meta .supplier{display:flex;align-items:center;gap:.4rem}.admin-inventory-page.simple-theme .inventory-viewport .materials-grid .inventory-card .meta .price{font-weight:600;color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table{width:100%;border-collapse:collapse}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table th{background:#f8fafc;padding:1rem;text-align:left;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table td{padding:1rem;font-size:.95rem;border-bottom:1px solid #f1f5f9;color:#475569}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table td.font-bold{font-weight:600;color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table tr:last-child td{border-bottom:none}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table tr.row-warning{background:#ef444405}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table .stock-pill{padding:.25rem .75rem;background:#f0fdf4;color:#16a34a;border-radius:100px;font-size:.85rem;font-weight:600}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table .stock-pill.low{background:#fef2f2;color:#dc2626}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table .icon-btn{background:transparent;border:none;color:#94a3b8;padding:.5rem;cursor:pointer;font-size:1.1rem}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table .icon-btn:hover{color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .table-wrapper .inventory-table .icon-btn.delete:hover{color:#ef4444}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media (max-width: 480px){.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid{grid-template-columns:1fr}}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;text-align:center;transition:transform .2s ease}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .avatar{width:60px;height:60px;background:#0f172a1a;color:#0f172a;border-radius:50%;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .contact{color:#64748b;font-size:.95rem;margin-bottom:1.25rem}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .details span{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.9rem}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .card-actions{display:flex;gap:.75rem}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .card-actions button{flex:1;padding:.6rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:#fff;color:#64748b}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .card-actions button:hover{border-color:#0f172a;color:#0f172a}.admin-inventory-page.simple-theme .inventory-viewport .suppliers-grid .supplier-card .card-actions button.delete:hover{border-color:#ef4444;color:#ef4444}.admin-inventory-page.simple-theme .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;padding:1.5rem;overflow-y:auto;align-items:flex-start}.admin-inventory-page.simple-theme .modal-overlay .modal-content{background:#fff;width:100%;max-width:650px;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem 0;position:relative;z-index:1001}.admin-inventory-page.simple-theme .modal-overlay .modal-content .modal-header{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.admin-inventory-page.simple-theme .modal-overlay .modal-content .modal-header h2{font-size:1.25rem;font-weight:700;margin:0}.admin-inventory-page.simple-theme .modal-overlay .modal-content .modal-header .close-btn{background:transparent;border:none;color:#64748b;font-size:1.5rem;cursor:pointer}.admin-inventory-page.simple-theme .modal-overlay .modal-content form{padding:1.5rem}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid{grid-template-columns:1fr}}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group{display:flex;flex-direction:column;gap:.5rem}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group.full{grid-column:span 2}@media (max-width: 640px){.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group.full{grid-column:span 1}}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group label{font-size:.85rem;font-weight:600;color:#475569}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group input,.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;outline:none;font-size:16px}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group input:focus,.admin-inventory-page.simple-theme .modal-overlay .modal-content form .form-grid .form-group select:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .modal-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .modal-actions button.cancel-btn{background:#f1f5f9;color:#64748b;border:none}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .modal-actions button.submit-btn{background:#0f172a;color:#fff;border:none}.admin-inventory-page.simple-theme .modal-overlay .modal-content form .modal-actions button.submit-btn:hover{background:#080d17}.admin-activity-page{padding:2rem;background:#f8fafc;min-height:100vh}@media (max-width: 768px){.admin-activity-page{padding:1rem}}.admin-activity-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media (max-width: 640px){.admin-activity-page .page-header{flex-direction:column;align-items:stretch}}.admin-activity-page .page-header .header-left h1{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}@media (max-width: 768px){.admin-activity-page .page-header .header-left h1{font-size:1.5rem}}.admin-activity-page .page-header .header-left p{color:#64748b;font-size:.875rem}.admin-activity-page .page-header .refresh-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;font-weight:500;transition:all .2s;white-space:nowrap}.admin-activity-page .page-header .refresh-btn:hover{background:#f1f5f9}.admin-activity-page .page-header .refresh-btn svg.spin{animation:spin 1s linear infinite}.admin-activity-page .stats-row{margin-bottom:2rem}.admin-activity-page .stats-row .stat-card{background:#fff;padding:1.25rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;gap:1rem;width:fit-content;min-width:180px}@media (max-width: 640px){.admin-activity-page .stats-row .stat-card{width:100%;min-width:0}}@media (max-width: 480px){.admin-activity-page .stats-row .stat-card{width:100%}}.admin-activity-page .stats-row .stat-card .stat-icon{width:48px;height:48px;background:#f1f5f9;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#3b82f6}.admin-activity-page .stats-row .stat-card .stat-info h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.admin-activity-page .stats-row .stat-card .stat-info p{color:#64748b;font-size:.875rem;margin:0}.admin-activity-page .table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}@media (max-width: 768px){.admin-activity-page .table-controls{flex-direction:column;align-items:stretch}}.admin-activity-page .table-controls .search-box{flex:1;max-width:400px;position:relative;display:flex;align-items:center}@media (max-width: 768px){.admin-activity-page .table-controls .search-box{max-width:none}}.admin-activity-page .table-controls .search-box svg{position:absolute;left:1rem;color:#94a3b8}.admin-activity-page .table-controls .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;font-size:16px;transition:border-color .2s}.admin-activity-page .table-controls .search-box input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.admin-activity-page .table-controls .filters{display:flex;gap:1rem}@media (max-width: 480px){.admin-activity-page .table-controls .filters{flex-direction:column}}.admin-activity-page .table-controls .filters .filter-item{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem}.admin-activity-page .table-controls .filters .filter-item svg{color:#64748b}.admin-activity-page .table-controls .filters .filter-item select{border:none;outline:none;background:transparent;color:#1e293b;font-weight:500;min-width:100px;font-size:.875rem;width:100%}.admin-activity-page .logs-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-activity-page .logs-container .loading-state,.admin-activity-page .logs-container .empty-state{padding:3rem;text-align:center;color:#64748b}.admin-activity-page .logs-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-activity-page .logs-container table{width:100%;border-collapse:collapse;min-width:800px}.admin-activity-page .logs-container table th{text-align:left;padding:1rem 1.5rem;background:#f8fafc;color:#64748b;font-weight:600;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid #e2e8f0}.admin-activity-page .logs-container table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-activity-page .logs-container table tr:last-child td{border-bottom:none}.admin-activity-page .logs-container .user-cell{display:flex;align-items:center;gap:.75rem}.admin-activity-page .logs-container .user-cell .user-avatar{width:36px;height:36px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;flex-shrink:0}.admin-activity-page .logs-container .user-cell .user-info{display:flex;flex-direction:column}.admin-activity-page .logs-container .user-cell .user-info .name{font-weight:600;color:#1e293b;font-size:.9375rem}.admin-activity-page .logs-container .user-cell .user-info .email{font-size:.75rem;color:#64748b}.admin-activity-page .logs-container .badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.admin-activity-page .logs-container .badge-product{background:#eff6ff;color:#1e40af}.admin-activity-page .logs-container .badge-order{background:#f0fdf4;color:#166534}.admin-activity-page .logs-container .badge-user{background:#fdf2f8;color:#9d174d}.admin-activity-page .logs-container .badge-material{background:#fefce8;color:#854d0e}.admin-activity-page .logs-container .badge-supplier{background:#faf5ff;color:#6b21a8}.admin-activity-page .logs-container .badge-default{background:#f1f5f9;color:#475569}.admin-activity-page .logs-container .ip-info .ip{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8125rem;color:#64748b}.admin-activity-page .logs-container .time-cell{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8125rem;white-space:nowrap}.admin-activity-page .logs-container .time-cell svg{font-size:.875rem}.admin-activity-page .logs-container .action-text{font-weight:500;color:#334155;font-size:.875rem}.admin-activity-page .logs-container .view-btn{padding:.5rem;color:#64748b;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.admin-activity-page .logs-container .view-btn:hover{background:#f1f5f9;color:#1e293b}.admin-activity-page .pagination{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem}@media (max-width: 480px){.admin-activity-page .pagination{flex-wrap:wrap}}.admin-activity-page .pagination span{color:#64748b;font-size:.875rem}.admin-activity-page .pagination button{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#1e293b;font-weight:500;transition:all .2s}.admin-activity-page .pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-activity-page .pagination button:not(:disabled):hover{background:#f1f5f9}.log-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.log-modal-overlay .log-modal{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:1.25rem;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.log-modal-overlay .log-modal .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.log-modal-overlay .log-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.log-modal-overlay .log-modal .modal-header .close-btn{font-size:1.75rem;color:#94a3b8;line-height:1;padding:.25rem}.log-modal-overlay .log-modal .modal-header .close-btn:hover{color:#eb4444}.log-modal-overlay .log-modal .modal-body{padding:1.5rem;overflow-y:auto}.log-modal-overlay .log-modal .modal-body .detail-row{margin-bottom:.75rem;display:flex;gap:1rem}@media (max-width: 480px){.log-modal-overlay .log-modal .modal-body .detail-row{flex-direction:column;gap:.25rem}}.log-modal-overlay .log-modal .modal-body .detail-row label{font-weight:600;color:#64748b;width:120px;font-size:.875rem;flex-shrink:0}.log-modal-overlay .log-modal .modal-body .detail-row span{color:#1e293b;flex:1;font-size:.875rem;word-break:break-all}.log-modal-overlay .log-modal .modal-body .data-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}@media (max-width: 640px){.log-modal-overlay .log-modal .modal-body .data-comparison{grid-template-columns:1fr}}.log-modal-overlay .log-modal .modal-body .data-comparison .data-box{background:#f8fafc;border-radius:.75rem;padding:1rem;border:1px solid #e2e8f0}.log-modal-overlay .log-modal .modal-body .data-comparison .data-box h4{margin-bottom:.75rem;color:#64748b;font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em}.log-modal-overlay .log-modal .modal-body .data-comparison .data-box pre{font-size:.75rem;color:#1e293b;white-space:pre-wrap;word-break:break-all;background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #f1f5f9;font-family:JetBrains Mono,Fira Code,Courier New,monospace}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-posters-page{padding:0}.admin-posters-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-posters-page .page-header h1{font-size:1.5rem;color:#1e293b;margin:0}.admin-posters-page .posters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.admin-posters-page .poster-card-admin{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;display:flex;flex-direction:column}.admin-posters-page .poster-card-admin .poster-image{height:200px;overflow:hidden;background:#f4f4f4;display:flex;justify-content:center;align-items:center}.admin-posters-page .poster-card-admin .poster-image img{width:100%;height:100%;object-fit:cover}.admin-posters-page .poster-card-admin .poster-image .no-image{font-size:3rem;color:#ccc}.admin-posters-page .poster-card-admin .poster-info{padding:15px;flex-grow:1}.admin-posters-page .poster-card-admin .poster-info h3{font-size:1.1rem;margin-bottom:10px;color:#333}.admin-posters-page .poster-card-admin .poster-info .poster-meta{display:flex;justify-content:space-between;align-items:center}.admin-posters-page .poster-card-admin .poster-info .poster-meta .status{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.admin-posters-page .poster-card-admin .poster-info .poster-meta .status.active{background:#e6f7ef;color:#00a854}.admin-posters-page .poster-card-admin .poster-info .poster-meta .status.inactive{background:#fff1f0;color:#f5222d}.admin-posters-page .poster-card-admin .poster-info .poster-meta .order{font-size:.8rem;color:#888}.admin-posters-page .poster-card-admin .poster-actions{padding:10px 15px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.admin-posters-page .poster-card-admin .poster-actions .btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#555;padding:5px;display:flex;align-items:center;transition:color .2s}.admin-posters-page .poster-card-admin .poster-actions .btn-icon:hover{color:#1890ff}.admin-posters-page .poster-card-admin .poster-actions .btn-icon.delete:hover{color:#f5222d}.admin-posters-page .no-data{grid-column:1/-1;text-align:center;padding:40px;color:#888;background:#fff;border-radius:10px}.admin-posters-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.admin-posters-page .modal-overlay .modal-content{background:#fff;border-radius:8px;padding:2.5rem;max-width:650px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative}.admin-posters-page .modal-overlay .modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.admin-posters-page .modal-overlay .modal-content .form-group{margin-bottom:1.5rem}.admin-posters-page .modal-overlay .modal-content .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#0f172a;font-size:.875rem}.admin-posters-page .modal-overlay .modal-content .form-group input,.admin-posters-page .modal-overlay .modal-content .form-group select,.admin-posters-page .modal-overlay .modal-content .form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:2px;font-size:.95rem;transition:all .2s ease;background:#f8fafc}.admin-posters-page .modal-overlay .modal-content .form-group input:focus,.admin-posters-page .modal-overlay .modal-content .form-group select:focus,.admin-posters-page .modal-overlay .modal-content .form-group textarea:focus{outline:none;border-color:#0f172a;background:#fff;box-shadow:0 0 0 3px #0f172a1a}.admin-posters-page .modal-overlay .modal-content .form-group .image-preview-container{margin-top:1rem;border:1px solid #e2e8f0;padding:.5rem;border-radius:2px;background:#fff}.admin-posters-page .modal-overlay .modal-content .form-group .image-preview-container .image-preview{width:100%;max-height:180px;object-fit:contain}.admin-posters-page .modal-overlay .modal-content .form-group.checkbox{display:flex;align-items:center;background:#f8fafc;padding:.75rem 1rem;border-radius:2px}.admin-posters-page .modal-overlay .modal-content .form-group.checkbox label{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:0}.admin-posters-page .modal-overlay .modal-content .form-group.checkbox label input{width:18px;height:18px;cursor:pointer}.admin-posters-page .modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.admin-posters-page .modal-overlay .modal-content .modal-actions button{padding:.75rem 1.75rem;border-radius:2px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.admin-posters-page .modal-overlay .modal-content .modal-actions button.btn-primary{background:#0f172a;color:#fff;border:none}.admin-posters-page .modal-overlay .modal-content .modal-actions button.btn-primary:hover:not(:disabled){background:#080d17;transform:translateY(-1px)}.admin-posters-page .modal-overlay .modal-content .modal-actions button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-posters-page .modal-overlay .modal-content .modal-actions button.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.admin-posters-page .modal-overlay .modal-content .modal-actions button.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden!important;max-width:100%;width:100%;position:relative}body{font-family:Lato,sans-serif;background-color:#fcfbf9;color:#0f172a;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{overflow-x:hidden!important;max-width:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem;color:#475569}a{text-decoration:none;color:inherit;transition:all .3s ease}button{font-family:Lato,sans-serif;cursor:pointer;border:none;outline:none;background:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1440px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:#0f172a;color:#fff;padding:1rem 2rem;border-radius:8px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:#020617;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#0f172a;border:1px solid #0f172a;padding:1rem 2rem;border-radius:8px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;transition:all .3s ease}.btn-secondary:hover{background-color:#0f172a;color:#fff}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-size:2.5rem;margin-bottom:.5rem}@media (max-width: 768px){.section-title h2{font-size:2rem}}.section-title p{font-size:1.1rem;color:#475569;max-width:600px;margin:0 auto}
