@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap";:root{--ampflow-blue:#004b93;--ampflow-blue-dark:#002e5a;--ampflow-yellow:#fc0;--ampflow-yellow-hover:#e6b800;--bg-color:#fff;--text-color:#333;--border-color:#eee;--text-muted:#888}body{background-color:var(--bg-color);color:var(--text-color);font-family:Montserrat,sans-serif}a{color:var(--ampflow-blue);text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background-color:var(--ampflow-blue);cursor:pointer;border:none;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-block;color:#fff!important}.btn-primary:hover{background-color:var(--ampflow-blue-dark)}.btn-secondary{background-color:var(--ampflow-yellow);cursor:pointer;border:none;padding:10px 20px;font-weight:700;transition:all .3s;display:inline-block;color:var(--ampflow-blue)!important}.btn-secondary:hover{background-color:var(--ampflow-blue);color:#fff!important}header{z-index:1000;background:#fff;padding:0;position:relative;box-shadow:0 2px 5px #0000000d}.top-bar{background-color:var(--ampflow-yellow);width:100%;height:20px}.header-container{justify-content:space-between;align-items:center;height:100px;display:flex}.logo{color:var(--ampflow-blue);letter-spacing:-2px;align-items:baseline;font-size:40px;font-style:italic;font-weight:900;display:flex}.logo span{color:var(--ampflow-yellow);letter-spacing:0;margin-left:5px;font-size:24px}.nav-links{align-items:center;gap:20px;height:100%;display:flex}.nav-links>a{color:var(--ampflow-blue);font-size:15px;font-weight:700;transition:color .3s}.nav-links>a:hover{color:var(--ampflow-blue-dark)}.header-icons{align-items:center;gap:20px;font-size:14px;font-weight:600;display:flex}.header-menu-toggle{color:var(--ampflow-blue);cursor:pointer;background:#fff;border:1px solid #cfdced;padding:10px 14px;font-weight:700;display:none}.header-mobile-actions,.header-mobile-submenu{display:none}.header-products-link-row{align-items:center;gap:10px;display:flex}.header-submenu-toggle{color:var(--ampflow-blue);cursor:pointer;background:#fff;border:1px solid #cfdced;width:28px;height:28px;font-weight:700}.dropdown{align-items:center;height:auto;display:flex;position:relative}.dropdown>a{color:var(--text-color);transition:color .3s}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:20px;display:grid}.product-card{border:1px solid var(--border-color);text-align:center;background:#fff;flex-direction:column;padding:20px;transition:box-shadow .2s;display:flex}.product-card:hover{box-shadow:0 5px 15px #00000014}.product-card img{object-fit:cover;max-width:100%;height:220px;margin-bottom:20px}.product-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:12px}.product-card h3{color:var(--ampflow-blue);flex-grow:1;margin-bottom:15px;font-size:18px}.product-card .price{color:var(--text-color);margin-bottom:0;font-size:18px;font-weight:700}.home-company-intro{background:linear-gradient(#fff 0%,#f8fbfe 100%);padding:34px 20px 40px}.home-company-intro__inner{text-align:center;max-width:1320px}.home-company-intro__title{color:#12335b;max-width:840px;margin:0 auto 16px;font-size:clamp(28px,3.4vw,42px);line-height:1.1}.home-company-intro__content{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:22px;display:grid}.home-company-intro__content p{color:#526476;margin:0;font-size:16px;line-height:1.85}.home-company-intro__note{color:#12335b;border-top:1px solid #d9e4ef;max-width:980px;margin:0 auto;padding-top:22px;font-size:17px;font-weight:600;line-height:1.75}.home-company-intro__gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:28px;display:grid}.home-company-intro__gallery-item{background:#eef3f8;border:1px solid #d9e4ef;border-radius:18px;overflow:hidden}.home-company-intro__gallery-image{object-fit:cover;width:100%;height:260px;display:block}.product-detail-page,.contact-page{padding-inline:20px}.advantages-section__inner{max-width:1320px}.advantages-section__slider-grid{will-change:transform}.advantages-section__slide img{object-fit:cover;height:100%}.advantages-section__thumbs{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.advantages-section__thumb{cursor:pointer;opacity:.72;background:#fff;border:2px solid #0000;border-radius:10px;width:58px;height:58px;padding:0;transition:transform .2s,opacity .2s,border-color .2s;overflow:hidden}.advantages-section__thumb.is-active{border-color:var(--ampflow-blue);opacity:1;transform:translateY(-2px)}.advantages-section__thumb-image{object-fit:cover;width:100%;height:100%;display:block}.company-story-section{background:#fff;padding:32px 0 12px}.company-story-grid{gap:0;display:grid}.company-story-card{background:#fff;position:relative;overflow:hidden}.company-story-shell{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.company-story-copy{position:relative}.company-story-eyebrow{letter-spacing:.16em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:7px 14px;font-size:11px;font-weight:700;display:inline-block}.company-story-title{margin:0 0 14px;font-size:clamp(28px,2.8vw,38px);line-height:1.08}.company-story-text{color:#536477;max-width:560px;margin:0;font-size:15px;line-height:1.8}.company-story-image-wrap{background:#eef3f8;min-height:320px}.company-story-image{object-fit:cover;width:100%;height:100%;display:block}.about-immersive-panel{color:#12335b;background:linear-gradient(90deg,#f4f8fc 0% 57%,#fff 57% 100%);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:stretch;min-height:390px;display:grid}.about-immersive-panel .company-story-shell{display:contents}.about-immersive-panel .company-story-copy{flex-direction:column;justify-content:center;align-items:flex-start;width:min(520px,100%);margin-left:auto;padding:72px 24px 72px 0;display:flex}.about-immersive-panel .company-story-eyebrow{color:#0a4c90;background:#e7f0fb}.about-immersive-panel .company-story-title{color:#12335b;max-width:480px}.about-immersive-panel .company-story-text{color:#4f6175}.about-immersive-panel .company-story-image-wrap{min-height:390px}.about-editorial-sweep{background:linear-gradient(90deg,#fff 0% 43%,#fcf8ec 43% 100%);grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);min-height:350px;display:grid}.about-editorial-sweep .company-story-shell{display:contents}.about-editorial-sweep .company-story-image-wrap{order:-1;min-height:350px}.about-editorial-sweep .company-story-copy{flex-direction:column;justify-content:center;width:min(520px,100%);margin-right:auto;padding:64px 0 64px 24px;display:flex}.about-editorial-sweep .company-story-eyebrow{color:#8b6500;background:#fff1c8}.about-editorial-sweep .company-story-title{color:#12335b;max-width:500px}.about-editorial-sweep .company-story-text{color:#425466}.about-dark-stage{color:#fff;background:linear-gradient(90deg,#112a45 0% 60%,#173956 60% 100%);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);min-height:360px;display:grid}.about-dark-stage .company-story-shell{display:contents}.about-dark-stage .company-story-copy{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:min(520px,100%);margin-left:auto;padding:62px 24px 62px 0;display:flex}.about-dark-stage .company-story-eyebrow{color:#ffcf48;background:#ffffff14}.about-dark-stage .company-story-title{color:#fff;max-width:500px}.about-dark-stage .company-story-text{color:#ecf2f7e6;margin-bottom:18px}.about-dark-stage .company-story-copy:after{content:"B2B  B2C  OEM  MSME";color:#ffcf48b8;letter-spacing:.28em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:700;display:block}.about-dark-stage .company-story-image-wrap{min-height:360px}.about-dark-stage .company-story-image{opacity:1}.whatsapp-float-button{color:#fff;z-index:1200;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 32px #25d3664d}.whatsapp-float-button:hover{background:#1fbd5c;transform:translateY(-3px);box-shadow:0 20px 40px #25d36661}.whatsapp-float-button:focus-visible{outline-offset:4px;outline:3px solid #004b9359}.whatsapp-float-icon{width:30px;height:30px}@media (width<=900px){.container{padding:0 16px}.header-shell{flex-wrap:wrap;gap:12px;min-height:78px!important;padding:10px 16px!important}.header-brand{min-width:0!important;max-width:220px!important}.header-brand a{min-height:auto!important}.header-brand img{max-width:190px!important;max-height:58px!important}.header-menu-toggle{justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.header-desktop-actions{display:none!important}.header-nav{border-top:1px solid #e5edf6;flex-direction:column;width:100%;padding:8px 0 12px;align-items:stretch!important;gap:0!important;display:none!important}.header-nav.is-open{display:flex!important}.header-nav-item{flex-direction:column;padding:0;align-items:stretch!important;height:auto!important;min-height:0!important}.header-nav-item>a,.header-products-link-row>a{padding:14px 0;font-size:14px;display:block}.header-products-link-row{justify-content:space-between;width:100%;padding:0}.header-mobile-actions{border-top:1px solid #e5edf6;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding-top:14px;display:flex}.header-mobile-submenu{gap:10px;padding:8px 0 14px 14px;display:grid}.header-mobile-submenu-link{color:#456b8f;font-size:13px;line-height:1.4}.home-hero-section{background-position:50%!important;min-height:360px!important;padding:24px 16px!important}.home-hero-card{width:min(100%,360px)!important;padding:24px!important}.shop-screen{padding:24px 16px!important}.shop-screen__layout{flex-direction:column;gap:18px!important}.shop-screen__sidebar{width:100%;flex:auto!important;position:static!important;top:auto!important}.shop-screen__product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-detail-page__grid,.contact-page__grid,.advantages-section__top{grid-template-columns:1fr!important;gap:24px!important}.advantages-section__slider{padding:0 16px!important}}@media (width<=768px){.whatsapp-float-button{width:54px;height:54px;bottom:16px;right:16px}.whatsapp-float-icon{width:28px;height:28px}.home-company-intro__title{font-size:clamp(24px,8vw,34px)}.home-company-intro{padding:28px 16px}.home-company-intro__content{text-align:center;grid-template-columns:1fr;gap:18px}.home-company-intro__content p,.home-company-intro__note{font-size:15px;line-height:1.75}.home-company-intro__gallery{grid-template-columns:1fr;gap:14px;margin-top:22px}.home-company-intro__gallery-image{height:200px}.shop-screen__product-grid{grid-template-columns:1fr!important}.shop-screen__product-card,.shop-screen__product-image-wrap{min-width:0}.product-detail-page,.contact-page{padding-inline:16px}.advantages-section{padding:28px 16px 56px!important}.advantages-section__thumb{width:48px;height:48px}.company-story-section{padding:32px 0 12px}.about-immersive-panel,.about-editorial-sweep,.about-dark-stage{background:#fff;grid-template-columns:1fr;min-height:auto}.about-immersive-panel .company-story-shell,.about-editorial-sweep .company-story-shell,.about-dark-stage .company-story-shell{width:min(100%,100% - 24px)}.about-immersive-panel .company-story-copy,.about-editorial-sweep .company-story-copy,.about-dark-stage .company-story-copy{width:100%;margin:0;padding:24px 0 18px}.about-immersive-panel .company-story-image-wrap,.about-editorial-sweep .company-story-image-wrap,.about-dark-stage .company-story-image-wrap{min-height:220px}.about-editorial-sweep .company-story-image-wrap{order:-1}.company-story-title{font-size:clamp(24px,7vw,34px)}.company-story-text{font-size:15px;line-height:1.7}}.sidebar{border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#0f1419f2 0%,#0a0d12f2 100%);flex-direction:column;width:260px;min-width:260px;height:100vh;padding:20px 0;transition:all .3s;display:flex;position:relative;overflow-y:auto}.sidebar.closed{border-right:none;width:0;min-width:0;padding:0;overflow:hidden}.sidebar.closed .sidebar-header,.sidebar.closed .sidebar-nav,.sidebar.closed .sidebar-footer{opacity:0;pointer-events:none}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px 20px;display:flex}.logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-image{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px;padding:2px}.logo span{color:var(--text-primary);font-size:16px;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 12px;display:flex}.nav-item{color:var(--text-primary);border-radius:8px;align-items:center;gap:12px;margin:4px 0;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--primary-gradient);width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-item-content{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-badge{color:#fff;text-align:center;background:#ff4757;border-radius:10px;flex-shrink:0;min-width:20px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .3s}.nav-badge.has-unread{color:#fff;background:#ff4757;animation:2s infinite pulse}.nav-badge.no-unread{color:var(--text-secondary);background:#ffffff26;font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 #ff475766}50%{box-shadow:0 0 0 6px #ff475700}}.nav-item:hover{color:var(--text-primary);background:#667eea1a;padding-left:20px}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{color:var(--accent-blue);border-left:3px solid var(--accent-blue);background:#667eea26;padding-left:13px}.nav-item.active:before{transform:scaleY(1)}.sidebar-footer{border-top:1px solid var(--card-border);padding:20px}.user-card{cursor:pointer;background:#667eea1a;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.user-card:hover{background:#667eea26}.user-avatar{color:#fff;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;font-size:18px;font-weight:700;display:flex}.avatar-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.user-info{flex:1}.user-info p{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.user-info span{color:var(--text-secondary);font-size:11px;display:block}@media (width<=768px){.sidebar{border-right:1px solid var(--card-border);width:260px;min-width:260px;height:100vh;padding:20px 0;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.closed{border-right:1px solid var(--card-border);width:260px;min-width:260px;padding:20px 0}.sidebar.closed .sidebar-header,.sidebar.closed .sidebar-nav,.sidebar.closed .sidebar-footer{opacity:1;pointer-events:auto}.sidebar-overlay{display:block}}::-webkit-scrollbar{width:6px}.header{border-bottom:1px solid var(--card-border);z-index:100;background:linear-gradient(90deg,#0f1419f2 0%,#141923f2 100%);justify-content:space-between;align-items:center;gap:20px;height:70px;padding:0 20px;transition:all .3s;display:flex;position:relative}.header-left{flex:1;align-items:center;gap:16px;display:flex}.menu-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.menu-btn:hover{background:#ffffff14}.search-box{border:1px solid var(--card-border);width:100%;max-width:400px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .3s;display:flex}.search-box:focus-within{border-color:var(--accent-blue);color:var(--text-primary);background:#667eea1a}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-box input::placeholder{color:var(--text-secondary)}.header-right{align-items:center;gap:20px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .3s;position:relative}.icon-btn:hover{color:var(--text-primary);background:#ffffff14}.badge-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:6px;right:6px}.notification-badge{color:#fff;text-align:center;border:2px solid var(--bg-primary);background:#ff4757;border-radius:10px;min-width:16px;padding:2px 6px;font-size:10px;font-weight:600;animation:.5s bounce;position:absolute;top:-8px;right:-8px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.header-user{cursor:pointer;background:#667eea1a;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s;display:none!important}.header-user:hover{background:#667eea26}.user-avatar-small{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:2px;font-weight:700;display:flex}.header-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.logout-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;transition:all .3s}.logout-btn:hover{color:var(--text-primary);background:#ffffff14}.notification-container{z-index:100000;position:relative}.notification-dropdown{z-index:9999999;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:linear-gradient(135deg,#1a2744 0%,#2a3f5f 100%);border:1px solid #3a5a8f;border-radius:12px;width:360px;max-height:60vh;animation:.3s ease-out slideDown;position:fixed;top:70px;right:24px;overflow:hidden auto;box-shadow:0 4px 12px #00000040,0 2px 4px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{background:linear-gradient(90deg,#3264b433 0%,#1e3c781a 100%);border-bottom:1px solid #3a5a8f80;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.close-notif{color:#b0c0e8;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;transition:color .2s}.close-notif:hover{color:#fff}.notification-list{background:linear-gradient(135deg,#14284699 0%,#1e325a99 100%);max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background:#6496dc80;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#78aaf0b3}.notification-item{color:inherit;background:linear-gradient(90deg,#3278c826 0%,#1e50a014 100%);border-bottom:1px solid #3a5a8f4d;gap:12px;padding:16px;text-decoration:none;transition:background-color .2s;display:flex}.notification-item:hover{background:linear-gradient(90deg,#3278c840 0%,#1e50a026 100%)}.notification-item.notification-message{background:linear-gradient(90deg,#3278c826 0%,#1e50a014 100%)}.notification-item.notification-message:hover{background:linear-gradient(90deg,#3278c840 0%,#1e50a026 100%)}.notif-avatar{background:linear-gradient(135deg,#3296ff66 0%,#1e64c84d 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-item.notification-message .notif-avatar{background:linear-gradient(135deg,#3296ff80 0%,#1e64c866 100%)}.notif-icon{font-size:20px}.notif-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.notif-content strong{color:#e0e8ff;margin-bottom:4px;font-size:14px;display:block}.notif-content p{color:#b0c0e8;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.notif-content small{color:#8090c0;opacity:1;font-size:11px}.accept-order-btn{color:#fff;cursor:pointer;text-align:center;background:#2196f3;border:none;border-radius:4px;width:100%;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s}.accept-order-btn:hover{background:#0b7dda}.accept-order-btn.message-btn{background:#2196f3}.accept-order-btn.message-btn:hover{background:#0b7dda}.no-notifications{text-align:center;color:#8090c0;padding:40px 20px;font-size:14px}.notification-footer{background:linear-gradient(90deg,#2850a033 0%,#1e3c781a 100%);border-top:1px solid #3a5a8f80;padding:12px}.view-all-btn{text-align:center;color:#5a9fff;padding:10px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.view-all-btn:hover{color:#8bb9ff}@media (width<=768px){.header{padding:0 16px}.menu-btn{justify-content:center;align-items:center;display:flex}.search-box{max-width:none}}.dashboard{color:var(--text-primary,#1a1a1a);flex-direction:column;gap:24px;display:flex}.dashboard-header{margin-bottom:20px}.dashboard-header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.dashboard-header p{color:var(--text-secondary,#666);font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{background:var(--primary-bg,#fff);border:1px solid var(--border,#e0e0e0);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.stat-card:before{content:"";opacity:0;background:0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{background:var(--secondary-bg,#f9f9f9);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card.gradient-blue:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.gradient-purple:before{background:linear-gradient(90deg,#764ba2,#f093fb)}.stat-card.gradient-pink:before{background:linear-gradient(90deg,#f093fb,#f5576c)}.stat-card.gradient-orange:before{background:linear-gradient(90deg,#f5a623,#f59e0b)}.stat-icon{color:#ff2b2b;background:#ffebe8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-content{flex:1}.stat-label{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:12px;font-weight:600}.stat-value{color:var(--text-primary,#1a1a1a);margin:0;font-size:28px;font-weight:700}.stat-bar{background:var(--border,#e0e0e0);width:100%;height:2px;position:absolute;bottom:0;left:0}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;min-height:400px;display:grid}.activity-card,.actions-card{flex-direction:column;display:flex}.activity-card h3,.actions-card h3{color:var(--text-primary,#1a1a1a);margin-bottom:16px;font-size:16px;font-weight:700}.activity-list{flex-direction:column;flex:1;gap:12px;display:flex}.activity-item{background:var(--secondary-bg,#f8f9fa);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.activity-item:hover{background:var(--accent-bg,#eceff4)}.activity-icon{flex-shrink:0;font-size:20px}.activity-content{flex:1}.activity-content p{color:var(--text-primary,#1a1a1a);margin:0 0 4px;font-size:13px;font-weight:500}.activity-content span{color:var(--text-secondary,#666);font-size:11px;display:block}.actions-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-btn{background:var(--secondary-bg,#f8f9fa);border:1px solid var(--border,#e0e0e0);color:var(--text-primary,#1a1a1a);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{color:#fff;background:#ff2b2b;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #ff2b2b33}.admin-container:not(.theme-light) .dashboard-header h1{-webkit-text-fill-color:initial;color:#818cf8;background:0 0}.admin-container:not(.theme-light) .stat-icon{background:#ffffff14}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-header h1{font-size:24px}.stat-card{text-align:center;flex-direction:column}.stat-content{width:100%}}.category-management{background-color:#f5f5f5;min-height:100vh;padding:2rem}.category-management h2{color:#333;margin-bottom:2rem}.error-message{color:#c33;background-color:#fee;border-radius:4px;margin-bottom:1rem;padding:1rem}.new-category-form{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.new-category-form h3{color:#333;margin-bottom:1rem}.new-category-form form{gap:.5rem;display:flex}.new-category-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:.75rem;font-size:1rem}.new-category-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;display:flex}.new-category-form button:hover{background-color:#0056b3}.categories-list{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.categories-list h3{color:#333;margin-bottom:1rem}.category-item{background:#fafafa;border:1px solid #eee;border-radius:4px;margin-bottom:1rem}.category-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.expand-btn{cursor:pointer;color:#666;background:0 0;border:none;min-width:30px;padding:.25rem .5rem;font-size:1rem}.category-label{color:#333;flex:1;font-size:1.05rem;font-weight:600}.subcategory-count{color:#999;background-color:#e8f4f8;border-radius:20px;padding:.25rem .75rem;font-size:.9rem}.category-actions{gap:.5rem;display:flex}.category-actions button{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;font-size:1rem;display:flex}.edit-btn:hover{color:#856404;background-color:#fff3cd}.delete-btn:hover{color:#721c24;background-color:#f8d7da}.cancel-btn:hover{background-color:#e2e3e5}.edit-input-group input{border:1px solid #007bff;border-radius:4px;width:100%;padding:.5rem;font-size:1rem}.subcategories-container{background:#fff;border-top:1px solid #eee;padding:1rem}.add-subcategory-form{gap:.5rem;margin-bottom:1rem;display:flex}.add-subcategory-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:.75rem;font-size:.95rem}.add-subcategory-form button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.add-subcategory-form button:hover{background-color:#218838}.no-subcategories{color:#999;text-align:center;padding:1rem;font-style:italic}.subcategories-list{flex-direction:column;gap:.75rem;display:flex}.subcategory-item{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.subcategory-item span{color:#555;flex:1}.subcategory-item input{border:1px solid #007bff;border-radius:4px;flex:1;padding:.5rem;font-size:.95rem}.subcategory-actions{gap:.5rem;display:flex}.subcategory-actions button{cursor:pointer;background-color:#e8e8e8;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:.5rem;font-size:.9rem;display:flex}.subcategory-actions .edit-btn:hover{color:#856404;background-color:#fff3cd}.subcategory-actions .delete-btn:hover{color:#721c24;background-color:#f8d7da}.subcategory-actions .cancel-btn:hover{background-color:#e2e3e5}@media (width<=768px){.category-management{padding:1rem}.new-category-form form,.add-subcategory-form{flex-direction:column}.category-header{flex-wrap:wrap}}.collections-page{background:0 0;max-width:1400px;min-height:100vh;margin:0 auto;padding:30px}.collections-header{text-align:center;margin-bottom:40px;animation:.6s ease-out slideDown}.collections-header h1{background:linear-gradient(135deg,#1a1a1a 0%,#ff2b2b 50%,#1a1a1a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3.2rem;font-weight:900}.collections-header p{color:var(--text-secondary,#666);font-size:18px;font-weight:500}.collections-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.search-sort{flex:1;gap:15px;min-width:300px;display:flex}.search-input{background:var(--primary-bg,#fff);border:2px solid var(--border,#e0e0e0);color:var(--text-secondary,#666);border-radius:10px;flex:1;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.search-input:focus-within{background:var(--primary-bg,#fff);color:var(--text-primary,#1a1a1a);border-color:#ff2b2b;box-shadow:0 4px 16px #ff2b2b33}.search-input input{color:var(--text-primary,#1a1a1a);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.search-input input::placeholder{color:var(--muted-text,#aaa)}.filter-group{background:var(--primary-bg,#fff);border:2px solid var(--border,#e0e0e0);color:var(--text-secondary,#666);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.filter-group:focus-within{background:var(--primary-bg,#fff);color:var(--text-primary,#1a1a1a);border-color:#ff2b2b;box-shadow:0 4px 16px #ff2b2b33}.filter-group select{color:var(--text-primary,#1a1a1a);cursor:pointer;background:0 0;border:none;outline:none;font-size:14px;font-weight:500}.filter-group select option{background:var(--primary-bg,#fff);color:var(--text-primary,#1a1a1a)}.products-table-container{background:var(--primary-bg,#fff);border:1px solid var(--border,#f0f0f0);-webkit-overflow-scrolling:touch;border-radius:12px;overflow:auto hidden;box-shadow:0 8px 32px #00000014}.products-table{border-collapse:collapse;width:100%;min-width:980px;font-size:14px}.products-table thead{background:var(--secondary-bg,linear-gradient(135deg, #f8f9fa 0%, #f0f0f0 100%));border-bottom:2px solid #ff2b2b}.products-table th{text-align:left;color:var(--text-primary,#1a1a1a);text-transform:uppercase;letter-spacing:1px;padding:18px 16px;font-size:12px;font-weight:700}.table-row{border-bottom:1px solid var(--border,#f0f0f0);transition:all .3s}.table-row:hover{background:var(--secondary-bg,#f8f9fa)}.row-inactive{opacity:.5}.row-out-of-stock{background-color:#ffebee}.row-out-of-stock:hover{background-color:#ffcdd2}.stock-empty{color:#d32f2f;font-weight:700}.out-of-stock-label{color:#fff;text-align:center;background-color:#d32f2f;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:600;display:block}.products-table td{color:var(--text-secondary,#666);vertical-align:middle;padding:18px 16px}.admin-container:not(.theme-light) .collections-header h1{-webkit-text-fill-color:initial;color:#f87171;background:0 0}.product-info{align-items:center;gap:12px;display:flex}.product-info img{object-fit:cover;border:2px solid #f0f0f0;border-radius:8px;width:50px;height:50px}.price-cell{color:#ff2b2b;font-size:15px;font-weight:700}.badge{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.badge-active{color:#155724;background:#d4edda}.badge-inactive{color:#721c24;background:#f8d7da}.active-badge{color:#155724;background:#d4edda;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.inactive-badge{color:#721c24;background:#f8d7da;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.actions-cell{gap:10px;display:flex}.action-icon{color:#666;cursor:pointer;background:#f8f9fa;border:1.5px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.action-icon:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.edit-btn{color:#fff;background:#ff2b2b;border-color:#ff2b2b}.edit-btn:hover{background:#d22;border-color:#d22;box-shadow:0 8px 16px #ff2b2b4d}.delete-btn{color:#fff;background:#ff6b6b;border-color:#ff6b6b}.delete-btn:hover{background:#f44;border-color:#f44;box-shadow:0 8px 16px #ff6b6b4d}.empty-state{text-align:center;color:#aaa;padding:60px 20px;font-size:16px;font-style:italic}@media (width<=768px){.collections-page{min-height:auto;padding:20px 16px}.collections-header h1{font-size:24px}.search-sort{flex-direction:column}.products-table{font-size:12px}.products-table th,.products-table td{padding:12px}.product-info img{width:32px;height:32px}}.modal-overlay{z-index:10000;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-modal{background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;padding:0;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg,#ff2b2b 0%,#f55 100%);width:100%;height:3px;position:absolute;bottom:0;left:0}.modal-header h2{color:#1a1a1a;background:linear-gradient(135deg,#ff2b2b 0%,#1a1a1a 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:900;position:relative}.close-btn{color:#666;cursor:pointer;z-index:1;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:relative}.close-btn:hover{color:#fff;background:#ff2b2b;border-color:#ff2b2b;transform:rotate(90deg)scale(1.1)}.edit-form{flex-direction:column;flex:1;gap:24px;max-height:calc(90vh - 140px);padding:32px;display:flex;overflow-y:auto}.edit-form::-webkit-scrollbar{width:8px}.edit-form::-webkit-scrollbar-track{background:#f8f9fa}.edit-form::-webkit-scrollbar-thumb{background:#ff2b2b;border-radius:4px}.edit-form::-webkit-scrollbar-thumb:hover{background:#d22}.form-group label{color:#1a1a1a;text-transform:capitalize;letter-spacing:.5px;font-size:14px;font-weight:700}.form-group input,.form-group select,.form-group textarea{color:#1a1a1a;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff8f8;border-color:#ff2b2b;outline:none;box-shadow:0 0 0 4px #ff2b2b1a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.6}.image-upload-section{margin-top:8px}.upload-image-btn{color:#ff2b2b;cursor:pointer;background:#f8f9fa;border:2px dashed #ff2b2b;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .3s;display:inline-block}.upload-image-btn:hover{color:#d22;background:#fff8f8;border-color:#d22}.form-actions{border-top:2px solid #f0f0f0;gap:16px;margin-top:12px;padding-top:24px;display:flex}.cancel-btn,.save-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:14px;font-weight:700;transition:all .3s}.cancel-btn{color:#666;background:#f8f9fa;border:2px solid #e0e0e0}.cancel-btn:hover{color:#1a1a1a;background:#e0e0e0;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.save-btn{color:#fff;background:linear-gradient(135deg,#ff2b2b 0%,#f55 100%);box-shadow:0 8px 20px #ff2b2b4d}.save-btn:hover{background:linear-gradient(135deg,#d22 0%,#f33 100%);transform:translateY(-2px);box-shadow:0 12px 28px #ff2b2b66}@media (width<=768px){.collections-container{padding:20px 16px}.collections-heading{padding:20px 16px;font-size:2.2rem}.controls-section{flex-direction:column;gap:16px;padding:16px}.search-bar,.filter-controls{width:100%}.products-table{font-size:12px}.products-table thead th{padding:12px 8px}.products-table tbody td{padding:10px 8px}.action-icons button{width:32px;height:32px;font-size:14px}.form-row{grid-template-columns:1fr}.edit-modal{max-width:95vw;max-height:95vh}.modal-header h2{font-size:22px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (width<=480px){.collections-page{padding:16px 12px}.collections-heading{padding:16px 12px;font-size:1.8rem;line-height:1.3}.controls-section{gap:12px;padding:12px}.search-input,.filter-select{padding:10px 12px;font-size:14px}.products-table{font-size:11px}.products-table thead th,.products-table tbody td{padding:8px 6px}.action-icons button{width:28px;height:28px;font-size:12px}.modal-header{padding:20px 16px}.modal-header h2{font-size:18px}.edit-form{gap:16px;padding:20px 16px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:14px}}.size-stock-grid{background:#f5f5f5;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:20px;width:100%;margin-top:12px;padding:20px;display:grid}.size-stock-field label{color:#1a1a1a;text-transform:uppercase;letter-spacing:.8px;text-align:center;font-size:14px;font-weight:800}.size-stock-field input{color:#000;box-sizing:border-box;text-align:center;appearance:none;background:#fff;border:3px solid #d0d0d0;border-radius:8px;width:100%;min-height:60px;padding:16px 14px;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;transition:all .3s}.size-stock-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-stock-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-stock-field input[type=number]{appearance:textfield}.size-stock-field input::placeholder{color:#999}.size-stock-field input:hover{background:#fffbfb;border-color:#ff2b2b}.size-stock-field input:focus{background:#fff8f8;border-color:#ff2b2b;outline:none;box-shadow:0 0 0 4px #ff2b2b26}.size-stock-field input[type=number]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.size-stock-display{color:#000;box-sizing:border-box;text-align:center;cursor:pointer;background:#fff;border:3px solid #d0d0d0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:60px;padding:16px 14px;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:600;transition:all .3s;display:flex}.size-stock-display:hover{background:#fffbfb;border-color:#ff2b2b;transform:scale(1.02)}.size-stock-display:active{transform:scale(.98)}.size-input-modal{z-index:10001;background:#fff;border-radius:12px;width:90%;max-width:500px;padding:0;animation:.3s ease-out slideUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.size-modal-header{background:linear-gradient(135deg,#fff8f8 0%,#fff 100%);border-bottom:3px solid #ff2b2b;justify-content:space-between;align-items:center;padding:24px;display:flex}.size-modal-header h3{color:#1a1a1a;margin:0;font-size:20px;font-weight:600}.size-modal-header strong{color:#ff2b2b;font-size:24px}.size-modal-header .close-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:0;transition:color .2s}.size-modal-header .close-btn:hover{color:#ff2b2b}.size-modal-body{justify-content:center;padding:40px 24px;display:flex}.size-modal-body input[type=number]{text-align:center;color:#000;appearance:none;background:#fff;border:4px solid #ff2b2b;border-radius:8px;width:100%;max-width:200px;padding:18px 16px;font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;transition:all .3s}.size-modal-body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-modal-body input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-modal-body input[type=number][type=number]{appearance:textfield}.size-modal-body input[type=number]:focus{border-color:#ff2b2b;outline:none;box-shadow:0 0 0 6px #ff2b2b33}.size-modal-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;border-radius:0 0 12px 12px;gap:12px;padding:20px 24px;display:flex}.size-modal-footer button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s}.size-modal-footer .cancel-btn{color:#1a1a1a;background:#e0e0e0}.size-modal-footer .cancel-btn:hover{background:#d0d0d0}.size-modal-footer .save-btn{color:#fff;background:linear-gradient(135deg,#ff2b2b 0%,red 100%)}.size-modal-footer .save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff2b2b4d}.size-modal-footer .save-btn:active{transform:translateY(0)}.size-stock-status{max-width:300px;padding:12px 8px!important}.stock-info{flex-direction:column;gap:10px;display:flex}.total-stock{color:#1a1a1a;background:#00000008;border-left:3px solid #ff2b2b;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:700}.sizes-status{flex-wrap:wrap;gap:6px;display:flex}.size-badge{white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-block}.size-badge.in-stock{color:#155724;background:#d4edda;border-color:#c3e6cb}.size-badge.out-of-stock{color:#721c24;background:#f8d7da;border-color:#f5c6cb;font-weight:900;box-shadow:0 0 8px #f871714d}.size-badge.out-of-stock:before{content:"⚠ "}@media (width<=768px){.size-stock-grid{grid-template-columns:repeat(2,1fr)}.sizes-status{gap:4px}.size-badge{padding:3px 6px;font-size:10px}}@media (width<=480px){.size-stock-grid{grid-template-columns:1fr}}.product-upload-page{max-width:800px;color:var(--text-primary,var(--primary-text));--upload-text:var(--text-primary,var(--primary-text));--upload-muted-text:var(--text-secondary,var(--secondary-text));--upload-surface:var(--card-bg,var(--secondary-bg));--upload-input-bg:var(--primary-bg);--upload-border:var(--card-border,var(--border));--upload-hover-bg:var(--accent-bg,var(--hover-bg));margin:0 auto;padding:20px}.upload-header{text-align:center;margin-bottom:24px}.upload-header h1{color:var(--upload-text);margin-bottom:8px;font-size:2.5rem;font-weight:700}.upload-header p{color:var(--upload-muted-text);font-size:16px}.upload-container{grid-template-columns:1fr;gap:24px;display:grid}.upload-form{flex-direction:column;gap:24px;display:flex}.form-section{background:var(--upload-surface);border:1px solid var(--upload-border);box-shadow:var(--shadow);border-radius:12px;padding:24px}.form-section h3{color:var(--upload-text);margin-bottom:16px;font-size:18px;font-weight:600}.drag-drop-area{border:2px dashed var(--upload-border);text-align:center;background:var(--upload-input-bg);cursor:pointer;border-radius:12px;padding:48px 24px;transition:all .2s}.drag-drop-area:hover{border-color:var(--primary-blue);background:var(--upload-hover-bg)}.drag-drop-area.active{border-color:var(--primary-blue);background:#3b82f60d}.drag-drop-content{color:var(--upload-muted-text);flex-direction:column;align-items:center;gap:12px;display:flex}.drag-drop-content svg{color:var(--primary-blue);font-size:48px}.drag-drop-content h4{color:var(--upload-input-text,var(--upload-text));margin:0;font-size:18px;font-weight:600}.drag-drop-content p{color:var(--upload-input-muted,var(--upload-muted-text));margin:0;font-size:14px}.upload-button{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-block}.upload-button:hover{background:var(--primary-blue-hover);transform:translateY(-1px)}.file-info{color:var(--upload-input-muted,var(--upload-muted-text));margin-top:8px;font-size:12px}.image-preview-container{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.image-preview{background:var(--upload-input-bg);border:1px solid var(--upload-border);border-radius:12px;width:200px;height:200px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.remove-image{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image:hover{background:var(--error-color)}.change-image-btn{background:var(--upload-input-bg);border:1px solid var(--upload-border);color:var(--upload-input-text,var(--upload-text));cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.change-image-btn:hover{background:var(--upload-hover-bg);border-color:var(--primary-blue)}.form-group label{color:var(--upload-text);font-size:14px;font-weight:600;line-height:1.2}.product-upload-page .label,.product-upload-page .form-group label,.product-upload-page .size-stock-label,.product-upload-page .size-label,.product-upload-page .upload-header h1,.product-upload-page .upload-header p,.product-upload-page .form-section h3,.product-upload-page .drag-drop-content h4,.product-upload-page .drag-drop-content p,.product-upload-page .file-info{color:var(--upload-text)!important}.product-upload-page .label,.product-upload-page .form-group>label{margin-bottom:0!important}.product-upload-page .drag-drop-content h4,.product-upload-page .drag-drop-content p,.product-upload-page .file-info,.product-upload-page .change-image-btn,.product-upload-page .size-checkbox,.product-upload-page .size-label{color:var(--upload-input-text,var(--upload-text))!important}.admin-container.theme-light .product-upload-page .label,.admin-container.theme-light .product-upload-page .form-group>label,.admin-container.theme-light .product-upload-page .size-stock-label,.admin-container.theme-light .product-upload-page .size-label,.admin-container.theme-light .product-upload-page label{color:#1a1a2e!important}.admin-container:not(.theme-light) .product-upload-page .label,.admin-container:not(.theme-light) .product-upload-page .form-group>label,.admin-container:not(.theme-light) .product-upload-page .size-stock-label,.admin-container:not(.theme-light) .product-upload-page .size-label,.admin-container:not(.theme-light) .product-upload-page label{color:#fff!important}.form-group input,.form-group select,.form-group textarea{background:var(--upload-input-bg);border:1px solid var(--upload-border);color:var(--upload-text);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.product-upload-page .input-field,.product-upload-page .form-group input,.product-upload-page .form-group select,.product-upload-page .form-group textarea{color:var(--upload-text);caret-color:var(--upload-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.product-upload-page .form-section>.form-row+.form-row,.product-upload-page .form-section>.form-row+.form-group,.product-upload-page .form-section>.form-group+.form-row,.product-upload-page .form-section>.form-group+.form-group{margin-top:14px}.textarea{resize:vertical;min-height:100px;font-family:inherit;font-size:14px;line-height:1.5}.form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary:hover{background:var(--hover-bg);color:var(--primary-text)}.btn:disabled{opacity:.6;cursor:not-allowed}.success-message{color:#10b981;background:#10b9811a;border:1px solid #10b981;border-radius:8px;padding:14px 16px;font-size:14px;font-weight:600}.reminder-box{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:14px;font-weight:600}.image-upload-wrapper{justify-content:center;align-items:center;min-height:200px;display:flex}.image-upload-input{border:2px dashed var(--upload-border);background:var(--upload-input-bg);cursor:pointer;width:100%;color:var(--upload-muted-text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;transition:all .2s;display:flex}.image-upload-input:hover{border-color:var(--primary-blue);background:var(--upload-hover-bg);color:var(--primary-blue)}.image-upload-input svg{width:32px;height:32px}.image-upload-input span{font-size:14px;font-weight:500}.image-preview-wrapper{width:100%;max-width:300px;margin:0 auto;position:relative}.image-preview-wrapper .image-preview{object-fit:cover;border:1px solid var(--upload-border);border-radius:12px;width:100%;height:250px}.remove-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#ff3b30e6}@media (width<=768px){.product-upload-page{padding:16px}.upload-header h1{font-size:24px}.form-section{padding:16px}.drag-drop-area{padding:32px 16px}.image-preview{width:150px;height:150px}.form-row{grid-template-columns:1fr}.size-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}.size-selector{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px;display:grid}.size-checkbox{background:var(--upload-input-bg);border:2px solid var(--upload-border);cursor:pointer;color:var(--upload-input-text,var(--upload-text));border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.size-checkbox input{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-blue)}.size-checkbox input:checked{accent-color:var(--primary-blue)}.size-checkbox:hover{border-color:var(--primary-blue);background:#3b82f60d}.size-checkbox input:checked+.size-label{color:var(--primary-blue)}.size-label{cursor:pointer;opacity:1;font-weight:700;line-height:1;transition:color .2s;display:inline-block;color:var(--upload-input-text,var(--upload-text))!important}.size-stock-grid{background:var(--upload-input-bg);border-radius:8px;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:8px;padding:12px;display:grid}.size-stock-field{flex-direction:column;gap:6px;display:flex}.size-stock-label{color:var(--upload-text);font-size:13px;font-weight:600}.size-stock-field input{font-size:13px;padding:8px 12px!important}.admin-container.theme-light .product-upload-page .label,.admin-container.theme-light .product-upload-page .form-group label,.admin-container.theme-light .product-upload-page .size-stock-label,.admin-container.theme-light .product-upload-page .size-label,.admin-container.theme-light .product-upload-page .upload-header h1,.admin-container.theme-light .product-upload-page .upload-header p,.admin-container.theme-light .product-upload-page .form-section h3,.admin-container.theme-light .product-upload-page .drag-drop-content h4,.admin-container.theme-light .product-upload-page .drag-drop-content p,.admin-container.theme-light .product-upload-page .file-info,.admin-container.theme-light .product-upload-page .input-field,.admin-container.theme-light .product-upload-page .form-group input,.admin-container.theme-light .product-upload-page .form-group select,.admin-container.theme-light .product-upload-page .form-group textarea,.admin-container.theme-light .product-upload-page .size-checkbox{color:#1a1a2e}.admin-container.theme-light .product-upload-page .input-field::placeholder,.admin-container.theme-light .product-upload-page .form-group input::placeholder,.admin-container.theme-light .product-upload-page .form-group textarea::placeholder{color:#6b7280}.admin-container:not(.theme-light) .product-upload-page{--upload-input-bg:#fff;--upload-hover-bg:#f8fafc;--upload-input-text:#1a1a2e;--upload-input-muted:#94a3b8}.admin-container:not(.theme-light) .product-upload-page .size-checkbox,.admin-container:not(.theme-light) .product-upload-page .size-checkbox span,.admin-container:not(.theme-light) .product-upload-page .size-label{color:#1a1a2e!important}.product-upload-page .input-field,.product-upload-page .form-group input,.product-upload-page .form-group select,.product-upload-page .form-group textarea,.product-upload-page .size-stock-field input{color:var(--upload-input-text,var(--upload-text));caret-color:var(--upload-input-text,var(--upload-text))}.product-upload-page .input-field::placeholder,.product-upload-page .form-group input::placeholder,.product-upload-page .form-group textarea::placeholder{color:var(--upload-input-muted,var(--upload-muted-text))}.product-upload-page .form-group select,.product-upload-page .form-group select:invalid{color:var(--upload-input-text,var(--upload-text))}.product-upload-page .form-group select option{color:var(--upload-input-text,var(--upload-text));background:var(--upload-input-bg)}@media (width<=768px){.size-stock-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.size-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.size-stock-grid{grid-template-columns:repeat(2,1fr)}}.users-page{flex-direction:column;gap:20px;display:flex}.users-header h1{margin-bottom:4px;font-size:28px;font-weight:700}.users-header p{color:#666;font-size:14px}.users-list{flex-direction:column;gap:12px;display:flex}.user-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.settings-page{flex-direction:column;gap:24px;display:flex}.settings-header{margin-bottom:12px}.settings-header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.settings-header p{color:var(--text-secondary);font-size:14px}.settings-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.settings-card{flex-direction:column;gap:16px;display:flex}.settings-card h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.card-desc{color:var(--text-secondary);margin:-12px 0 4px;font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.theme-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .3s;display:flex}.theme-option:hover{border-color:var(--accent-blue);background:#667eea1a}.theme-option.selected{border-color:var(--accent-blue);background:#667eea33;box-shadow:0 0 12px #667eea4d}.theme-preview{width:80px;height:80px;box-shadow:var(--shadow-sm);border-radius:8px}.theme-preview.dark{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.theme-preview.light{background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.theme-preview.gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-option span{color:var(--text-primary);text-align:center;font-size:13px;font-weight:600}.theme-applied{border-left:3px solid var(--accent-blue);color:var(--text-secondary);background:#667eea1a;border-radius:4px;margin-top:16px;padding:12px;font-size:13px}.theme-applied strong{color:var(--accent-blue);font-weight:700}.about-content{flex-direction:column;gap:12px;display:flex}.about-content p{color:var(--text-secondary);background:#ffffff0d;border-radius:6px;justify-content:space-between;margin:0;padding:8px 12px;font-size:14px;display:flex}.about-content strong{color:var(--text-primary);font-weight:600}.label-checkbox{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.label-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-blue)}.checkbox-text{align-items:center;display:flex}.label-desc{color:var(--text-secondary);margin:8px 0 0;padding-left:30px;font-size:12px;font-style:italic}.success-message{color:#10b981;background:#10b9811a;border-left:4px solid #10b981;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s slideIn}.error-message{color:#ef4444;background:#ef44441a;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s slideIn}.field-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px;font-style:italic}.card-header{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.card-header h3{align-items:center;gap:8px;margin:0;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.settings-header h1{font-size:24px}.settings-container,.form-row,.theme-options{grid-template-columns:1fr}}.site-media-page{flex-direction:column;gap:24px;display:flex}.site-media-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.site-media-header h1{margin:0 0 8px;font-size:32px}.site-media-header p{color:var(--text-secondary);max-width:760px;margin:0}.site-media-refresh{align-items:center;gap:8px;display:inline-flex}.site-media-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.site-media-summary-card{flex-direction:column;gap:10px;display:flex}.site-media-summary-card span{color:var(--text-secondary);font-size:13px}.site-media-summary-card strong{color:var(--text-primary);font-size:30px}.site-media-groups{flex-direction:column;gap:24px;display:flex}.site-media-group-card{flex-direction:column;gap:20px;display:flex}.site-media-group-header h2{margin:0 0 6px;font-size:22px}.site-media-group-header p{color:var(--text-secondary);margin:0;font-size:14px}.site-media-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.site-media-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex}.site-media-item-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.site-media-item-header p{color:var(--text-secondary);margin:8px 0 0;font-size:13px;line-height:1.5}.site-media-badges{flex-wrap:wrap;gap:8px;display:flex}.site-media-badge{color:var(--text-primary);background:#667eea2e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.site-media-badge.muted{color:var(--text-secondary);background:#ffffff14}.site-media-type{text-transform:capitalize;color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.site-media-preview{aspect-ratio:16/9;background:#0d1117;border-radius:16px;overflow:hidden}.site-media-preview img,.site-media-preview video{object-fit:cover;width:100%;height:100%;display:block}.site-media-meta{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.site-media-upload{min-height:44px;color:var(--text-primary);cursor:pointer;background:#667eea14;border:1px dashed #667eea80;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;transition:all .2s;display:inline-flex}.site-media-upload:hover{background:#667eea29}.site-media-upload.disabled{opacity:.7;pointer-events:none}.site-media-empty-state{text-align:center;color:var(--text-secondary);padding:32px}@media (width<=768px){.site-media-header{flex-direction:column}.site-media-header h1{font-size:26px}.site-media-summary,.site-media-grid{grid-template-columns:1fr}}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{opacity:.5;z-index:0;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"15\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"80\" cy=\"80\" r=\"20\" fill=\"rgba(255,255,255,0.08)\"/><circle cx=\"50\" cy=\"50\" r=\"30\" fill=\"rgba(255,255,255,0.05)\"/></svg>");position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0f1419e6;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:34px 40px 38px;animation:.5s ease-out slideInUp;box-shadow:0 20px 60px #0000004d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:24px}.login-logo{object-fit:contain;width:132px;height:132px;margin:0 auto 10px;animation:.5s ease-out fadeIn;display:block}.login-header h1{color:#fff;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:28px;font-weight:700}.login-header p{color:#fffc;margin:0;font-size:14px}.login-form{flex-direction:column;gap:18px;margin-bottom:24px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.label{text-transform:uppercase;letter-spacing:.7px;opacity:1;font-size:14px;font-weight:700;color:#fff!important}.input-wrapper{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;min-height:50px;padding:0 14px;transition:all .3s;display:flex}.input-wrapper svg{color:#ffffffeb;stroke-width:2.3px;flex-shrink:0}.input-wrapper:focus-within{color:#d1b0ff;background:#667eea1f;border-color:#bc9bffb3}.input-field{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:15px;font-weight:600}.input-field::placeholder{color:#ffffffb8;font-weight:600}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #667eea66}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #667eea80}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;margin:0;padding-top:12px;font-size:12px}.error-message{color:#ff6b6b;background:#ff47571a;border:1px solid #ff475780;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;animation:.3s ease-out slideDown}@media (width<=480px){.login-card{margin:16px;padding:26px 22px 30px}.login-header{margin-bottom:20px}.login-logo{width:96px;height:96px}.login-header h1{font-size:24px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg:#fff;--secondary-bg:#f8fafc;--accent-bg:#f1f5f9;--dark-bg:#0f172a;--darker-bg:#020617;--primary-text:#1e293b;--secondary-text:#64748b;--muted-text:#94a3b8;--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--primary-blue-light:#dbeafe;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#e2e8f0;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}body{background:var(--secondary-bg);color:var(--primary-text);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}:root{--text-on-primary:#fff}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.3s ease-out fadeIn}.slide-in-left{animation:.3s ease-out slideInLeft}.slide-in-right{animation:.3s ease-out slideInRight}.theme-light{--dark-bg:#f5f7fa;--darker-bg:#e8ecf1;--card-bg:#fffc;--card-border:#00000014;--text-primary:#1a1a2e;--text-secondary:#666}.theme-light .products-table thead{background:#667eea0d}.theme-light .card{background:#ffffffe6;border:1px solid #00000014}.theme-gradient{--dark-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--darker-bg:linear-gradient(135deg, #764ba2 0%, #667eea 100%)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--primary-blue-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-bg);color:var(--primary-text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--accent-bg);border-color:var(--primary-blue)}.btn-outline{border:1px solid var(--primary-blue);color:var(--primary-blue);background:0 0}.btn-outline:hover{background:var(--primary-blue);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.card{background:var(--primary-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px;transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:var(--primary-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.card-glass:hover{box-shadow:var(--shadow-lg);border-color:#667eea4d;transform:translateY(-2px)}.input-field{background:var(--primary-bg);border:1px solid var(--border);width:100%;color:var(--primary-text);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-blue-light);outline:none}.input-field:hover{border-color:var(--primary-blue)}.input-field::placeholder{color:var(--muted-text)}.label{color:var(--primary-text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}h1,h2,h3,h4,h5,h6{color:var(--primary-text);margin-bottom:.5em;font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}p{color:var(--secondary-text);line-height:1.6}.badge-success{color:var(--success);background:#10b98133}.badge-danger{color:var(--danger);background:#ef444433}.badge-warning{color:var(--warning);background:#f59e0b33}.spinner{border:4px solid var(--card-border);border-top-color:var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.admin-container{background:var(--dark-bg);--dark-bg:#0f1419;--darker-bg:#0a0e13;--primary-bg:#1b2330;--secondary-bg:#111827;--accent-bg:#243041;--card-bg:#ffffff0d;--card-border:#ffffff1a;--border:#ffffff1a;--border-focus:#60a5fa;--primary-text:#e5e7eb;--secondary-text:#94a3b8;--muted-text:#64748b;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;color:#e0e0e0;height:100vh;transition:background .3s,color .3s;display:flex;overflow:hidden}.admin-container.theme-light{--dark-bg:#f5f7fa;--darker-bg:#e8ecf1;--primary-bg:#fff;--secondary-bg:#f8fafc;--accent-bg:#f1f5f9;--card-bg:#0000000a;--card-border:#00000014;--border:#e2e8f0;--border-focus:#3b82f6;--primary-text:#1a1a2e;--secondary-text:#6b7280;--muted-text:#94a3b8;--text-primary:#1a1a2e;--text-secondary:#6b7280;color:#1a1a2e;background:#f5f7fa}.admin-container.theme-light .sidebar{background:linear-gradient(#f5f7faf2 0%,#e8ecf1f2 100%);border-right-color:#00000014}.admin-container.theme-light .header{background:linear-gradient(90deg,#f5f7faf2 0%,#e8ecf1f2 100%);border-bottom-color:#00000014}.admin-container.theme-light .card{background:#ffffffb3;border-color:#00000014}.admin-container.theme-light .input-field{color:#1a1a2e;background:#0000000a;border-color:#0000001a}.admin-container.theme-light .input-field::placeholder{color:#0006}.admin-container.theme-gradient{--dark-bg:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--primary-bg:#ffffff1a;--secondary-bg:#ffffff14;--accent-bg:#ffffff24;--border:#ffffff2e;--border-focus:#ffffff73;--primary-text:#fff;--secondary-text:#ffffffc7;--muted-text:#ffffff94;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}.admin-container.theme-gradient .sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#667eea1a 0%,#764ba21a 100%);border-right:1px solid #ffffff1a}.admin-container.theme-gradient .header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#667eea1a 0%,#f093fb1a 100%);border-bottom:1px solid #ffffff1a}.admin-container.theme-gradient .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26}.admin-container.theme-gradient .input-field{color:#fff;background:#ffffff1a;border:1px solid #fff3}.admin-container.theme-gradient .input-field::placeholder{color:#ffffff80}.admin-container.theme-gradient .stat-card{background:#ffffff1a;border:1px solid #ffffff26}.admin-main{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.admin-content{background:linear-gradient(135deg, var(--dark-bg) 0%, #1a1f2e 100%);z-index:0;flex:1;min-height:0;padding:24px;position:relative;overflow-y:auto}.admin-container.theme-light .admin-content{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%)}.admin-container.theme-gradient .admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33 0%,#764ba233 50%,#f093fb33 100%)}@media (width<=768px){.admin-container{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.admin-main{height:auto;min-height:100dvh;overflow:visible}.admin-content{-webkit-overflow-scrolling:touch;min-height:calc(100dvh - 70px);padding:16px 16px 32px;overflow:hidden visible}}