@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-layout:#f1f5f9;--bg-container:#fff;--bg-sider:#fff;--bg-profile:#f8fafc;--primary-color:#3b62a6;--primary-gradient:linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 80%, #0f172a) 100%);--primary-glow:0 4px 20px color-mix(in srgb, var(--primary-color) 30%, transparent);--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--dotted-grid:#cbd5e1;--card-shadow:0 4px 6px -1px #0f172a0d, 0 2px 4px -2px #0f172a0d, 0 0 0 1px #0f172a08}body.dark-theme{--bg-layout:#0b0f19;--bg-container:#131b2e;--bg-sider:#131b2e;--bg-profile:#0b0f19;--primary-color:#4f83e3;--primary-gradient:linear-gradient(135deg, #4f83e3 0%, #2563eb 100%);--primary-glow:0 4px 25px #4f83e359;--border-color:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--dotted-grid:#1e293b;--card-shadow:0 8px 25px -4px #00000073}*{box-sizing:border-box;margin:0;padding:0}body,.ant-layout,.grafiato-bg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden;background-color:var(--bg-layout)!important;background-image:repeating-linear-gradient(45deg, #0f172a0a 0px, #0f172a0a 1.5px, transparent 1.5px, transparent 6px), repeating-linear-gradient(-45deg, #ffffff1f 0px, #ffffff1f 1.5px, transparent 1.5px, transparent 8px), repeating-linear-gradient(135deg, #0f172a06 0px, #0f172a06 1px, transparent 1px, transparent 10px), repeating-linear-gradient(90deg, #0f172a04 0px, #0f172a04 1px, transparent 1px, transparent 4px), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-color) 18%, transparent) 0%, transparent 75%)!important;background-attachment:fixed!important}body.dark-theme,body.dark-theme .ant-layout,body.dark-theme .grafiato-bg{background-image:repeating-linear-gradient(45deg, #ffffff0d 0px, #ffffff0d 1.5px, transparent 1.5px, transparent 6px), repeating-linear-gradient(-45deg, #0006 0px, #0006 1.5px, transparent 1.5px, transparent 8px), repeating-linear-gradient(135deg, #ffffff08 0px, #ffffff08 1px, transparent 1px, transparent 10px), repeating-linear-gradient(90deg, #ffffff05 0px, #ffffff05 1px, transparent 1px, transparent 4px), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary-color) 22%, transparent) 0%, transparent 75%)!important}.ant-layout-content{background:0 0!important}#root{width:100%}.ant-card,.premium-card{overflow:hidden;background-color:var(--bg-container)!important;background-image:linear-gradient(145deg, color-mix(in srgb, var(--primary-color) 5%, var(--bg-container)) 0%, var(--bg-container) 100%)!important;border:1px solid color-mix(in srgb, var(--primary-color) 12%, var(--border-color))!important;box-shadow:var(--card-shadow)!important;border-radius:14px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}body.dark-theme .ant-card,body.dark-theme .premium-card{background-color:var(--bg-container)!important;background-image:linear-gradient(145deg, color-mix(in srgb, var(--primary-color) 10%, var(--bg-container)) 0%, var(--bg-container) 100%)!important;border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color))!important}.ant-card-body{background:var(--bg-container)!important;background-image:none!important}.premium-card:hover,.ant-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -5px #0f172a1f, 0 0 0 1px color-mix(in srgb, var(--primary-color) 25%, transparent)!important}body.dark-theme .premium-card:hover,body.dark-theme .ant-card:hover{box-shadow:0 12px 30px -5px #0009, 0 0 0 1px color-mix(in srgb, var(--primary-color) 40%, transparent)!important}.glass-header{z-index:1000;box-shadow:0 4px 20px -2px color-mix(in srgb, var(--primary-color) 15%, transparent);transition:all .3s;top:0;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid color-mix(in srgb, var(--primary-color) 22%, var(--border-color))!important;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 25%, #fff) 0%, color-mix(in srgb, var(--primary-color) 8%, #fff) 50%, #fff 100%)!important;position:sticky!important}body.dark-theme .glass-header{box-shadow:0 6px 25px -4px #00000080;background:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 28%, var(--bg-container)) 0%, color-mix(in srgb, var(--primary-color) 10%, var(--bg-container)) 50%, var(--bg-container) 100%)!important;border-bottom-color:color-mix(in srgb, var(--primary-color) 32%, var(--border-color))!important}.vibrant-btn-primary{background:var(--primary-gradient)!important;color:#fff!important;box-shadow:var(--primary-glow)!important;border:none!important;font-weight:700!important;transition:all .25s!important}.vibrant-btn-primary:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--primary-color) 45%, transparent)!important;opacity:.95!important;transform:translateY(-2px)scale(1.02)!important}.vibrant-btn-primary:active{transform:translateY(0)scale(.98)!important}.ant-card-head{border-bottom:1px solid color-mix(in srgb, var(--primary-color) 15%, var(--border-color))!important;background-color:var(--bg-container)!important;background-image:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 10%, var(--bg-container)) 0%, var(--bg-container) 100%)!important}body.dark-theme .ant-card-head{background-color:var(--bg-container)!important;background-image:linear-gradient(90deg, color-mix(in srgb, var(--primary-color) 14%, var(--bg-container)) 0%, var(--bg-container) 100%)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}body.dark-theme ::-webkit-scrollbar-thumb{background:#ffffff26}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modern-nav-bar{background:color-mix(in srgb, var(--primary-color) 5%, var(--bg-container));border:1px solid color-mix(in srgb, var(--primary-color) 12%, var(--border-color));-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:4px;height:42px;padding:3px;transition:all .3s;display:flex;box-shadow:inset 0 1px 2px #00000008}body.dark-theme .modern-nav-bar{background:color-mix(in srgb, var(--primary-color) 8%, var(--bg-container));border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color));box-shadow:inset 0 1px 2px #0000004d}.modern-nav-item{cursor:pointer;height:34px;color:var(--text-muted);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.modern-nav-item:hover{color:var(--text-main);background:color-mix(in srgb, var(--primary-color) 10%, transparent)}body.dark-theme .modern-nav-item:hover{color:#fff;background:color-mix(in srgb, var(--primary-color) 18%, transparent)}.modern-nav-item.active{color:#fff!important;background:var(--primary-color)!important;box-shadow:0 2px 10px color-mix(in srgb, var(--primary-color) 35%, transparent)!important;font-weight:700!important}.modern-nav-item .nav-icon{font-size:15px;transition:transform .2s}.modern-nav-item.active .nav-icon{color:#fff!important}.header-action-btn{background:color-mix(in srgb, var(--primary-color) 6%, var(--bg-container))!important;border:1px solid var(--border-color)!important;width:38px!important;height:38px!important;color:var(--text-main)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important}.header-action-btn:hover{background:color-mix(in srgb, var(--primary-color) 12%, var(--bg-container))!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-1px)!important}body.dark-theme .header-action-btn{background:color-mix(in srgb, var(--primary-color) 10%, var(--bg-container))!important;border-color:var(--border-color)!important}.catalog-layout-wrapper{grid-template-columns:270px 1fr;align-items:start;gap:24px;width:100%;display:grid}@media (width<=992px){.catalog-layout-wrapper{grid-template-columns:1fr}}.catalog-sidebar-left{flex-direction:column!important;align-self:start!important;gap:16px!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important}.catalog-sidebar-left .premium-card,.catalog-sidebar-left .ant-card{flex-shrink:0!important;width:100%!important}.sidebar-category-list{flex-direction:column;gap:4px;display:flex}.sidebar-category-item{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .2s}.sidebar-category-item:hover{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color);transform:translate(3px)}.product-card-img-wrapper .ant-image,.offers-section-card .ant-image{width:100%!important;height:100%!important;display:block!important}.product-card-img-wrapper .ant-image-img,.offers-section-card .ant-image-img{object-fit:cover!important;width:100%!important;height:100%!important;transition:transform .5s!important}.product-grid-card:hover .product-card-img-wrapper .ant-image-img{transform:scale(1.05)!important}.offers-section-card{background:linear-gradient(135deg,#e11d48 0%,#dc2626 50%,#b91c1c 100%)!important;border:1px solid #be123c!important;border-radius:16px!important;box-shadow:0 10px 35px -5px #e11d4866!important}.offers-section-card .ant-card-body{background:0 0!important}.offers-section-title{color:#fff!important}.offers-section-subtitle{color:#ffffffe6!important}.offers-product-item-card{background:var(--bg-container)!important;border:1px solid #ffffff40!important;border-radius:12px!important;transition:all .25s!important;box-shadow:0 6px 20px #00000026!important}.offers-product-item-card .ant-card-body{background:var(--bg-container)!important}.offers-product-item-card:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 12px 30px #00000040!important}.feature-card-blue{background:linear-gradient(135deg,#2563eb24 0%,#2563eb0a 100%)!important;border:1px solid #2563eb40!important;border-top:3.5px solid #2563eb!important;border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.feature-card-green{background:linear-gradient(135deg,#10b98124 0%,#10b9810a 100%)!important;border:1px solid #10b98140!important;border-top:3.5px solid #10b981!important;border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.feature-card-purple{background:linear-gradient(135deg,#6366f124 0%,#6366f10a 100%)!important;border:1px solid #6366f140!important;border-top:3.5px solid #6366f1!important;border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.feature-card-amber{background:linear-gradient(135deg,#f59e0b24 0%,#f59e0b0a 100%)!important;border:1px solid #f59e0b40!important;border-top:3.5px solid #f59e0b!important;border-radius:12px!important;transition:transform .2s,box-shadow .2s!important}.feature-card-blue:hover,.feature-card-green:hover,.feature-card-purple:hover,.feature-card-amber:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014!important}.feature-card-blue .ant-card-body,.feature-card-green .ant-card-body,.feature-card-purple .ant-card-body,.feature-card-amber .ant-card-body{background:0 0!important}body.dark-theme .feature-card-blue{background:linear-gradient(135deg,#2563eb47 0%,#2563eb1a 100%)!important}body.dark-theme .feature-card-green{background:linear-gradient(135deg,#10b98147 0%,#10b9811a 100%)!important}body.dark-theme .feature-card-purple{background:linear-gradient(135deg,#6366f147 0%,#6366f11a 100%)!important}body.dark-theme .feature-card-amber{background:linear-gradient(135deg,#f59e0b47 0%,#f59e0b1a 100%)!important}.sidebar-card-blue,.sidebar-card-green,.sidebar-card-amber,.sidebar-card-purple{background:color-mix(in srgb, var(--primary-color) 4%, var(--bg-container))!important;border:1px solid var(--border-color)!important;border-radius:12px!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 4px 14px #0f172a0a!important}.sidebar-card-blue{border-top:3.5px solid #2563eb!important}.sidebar-card-green{border-top:3.5px solid #10b981!important}.sidebar-card-amber{border-top:3.5px solid #f59e0b!important}.sidebar-card-purple{border-top:3.5px solid #6366f1!important}.sidebar-card-blue .ant-card-head,.sidebar-card-green .ant-card-head,.sidebar-card-amber .ant-card-head,.sidebar-card-purple .ant-card-head{background:0 0!important;border-bottom:1px solid #0000000d!important}.sidebar-card-blue .ant-card-body,.sidebar-card-green .ant-card-body,.sidebar-card-amber .ant-card-body,.sidebar-card-purple .ant-card-body{background:0 0!important}body.dark-theme .sidebar-card-blue,body.dark-theme .sidebar-card-green,body.dark-theme .sidebar-card-amber,body.dark-theme .sidebar-card-purple{background:color-mix(in srgb, var(--primary-color) 8%, var(--bg-container))!important;border-color:color-mix(in srgb, var(--primary-color) 20%, var(--border-color))!important}body.dark-theme .sidebar-card-blue{border-top-color:#2563eb!important}body.dark-theme .sidebar-card-green{border-top-color:#10b981!important}body.dark-theme .sidebar-card-amber{border-top-color:#f59e0b!important}body.dark-theme .sidebar-card-purple{border-top-color:#6366f1!important}.sidebar-card-coupon{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 45%,#fde68a 100%)!important;border:1.5px dashed #f59e0b!important;border-top:4px solid #d97706!important;border-radius:14px!important;transition:transform .25s,box-shadow .25s!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 22px #f59e0b33,inset 0 1px #fffc!important}.sidebar-card-coupon:hover{transform:translateY(-3px)scale(1.01)!important;box-shadow:0 12px 28px #f59e0b52!important}.sidebar-card-coupon .ant-card-body{padding:14px!important}.sidebar-card-coupon:before,.sidebar-card-coupon:after{content:""!important;background-color:var(--bg-layout)!important;z-index:3!important;border-radius:50%!important;width:14px!important;height:14px!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.sidebar-card-coupon:before{left:-8px!important;box-shadow:inset -2px 0 3px #00000014!important}.sidebar-card-coupon:after{right:-8px!important;box-shadow:inset 2px 0 3px #00000014!important}body.dark-theme .sidebar-card-coupon{background:linear-gradient(135deg,#2a1b04 0%,#452403 50%,#633304 100%)!important;border-color:#f59e0b!important;box-shadow:0 8px 24px #f59e0b40!important}.login-container{background-color:var(--bg-layout);background-image:radial-gradient(var(--dotted-grid) 1.5px, transparent 1.5px);background-size:24px 24px;justify-content:center;align-items:center;width:100%;min-height:100vh;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:var(--bg-container);z-index:1;pointer-events:none;border-radius:50%;width:150vh;height:150vh;position:absolute;top:-25vh;left:-75vh;box-shadow:0 0 80px #00000005}body.dark-theme .login-container:before{background:var(--bg-layout);box-shadow:0 0 80px #0006}.login-content{z-index:2;text-align:center;width:100%;max-width:420px;padding:40px 24px;position:relative}.login-logo-circle{border:4px solid var(--primary-color);background:var(--bg-container);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:inline-flex;position:relative}.login-logo-circle:after{content:"";background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-radius:50%;width:32px;height:32px;position:absolute}.login-submit-btn{letter-spacing:.5px;cursor:pointer;width:100%;background-color:var(--primary-color)!important;color:#fff!important;height:46px!important;box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 25%, transparent)!important;border:none!important;border-radius:23px!important;font-weight:600!important;transition:all .3s!important}.login-submit-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb, var(--primary-color) 35%, transparent)!important}.product-grid-card{border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.product-card-img-wrapper{background-color:var(--bg-layout);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-grid-card:hover .product-card-img{transform:scale(1.05)}.login-form .ant-input-affix-wrapper,.login-form .ant-input{padding:8px 12px;border-radius:8px!important}.login-form .ant-form-item-label label{font-weight:500;color:var(--text-muted)!important;font-size:13px!important}