@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg: #f8fafc;--surface: #ffffff;--primary: #4caf50;--primary-dark: #388e3c;--primary-soft: #e8f5e9;--primary-transparent: rgba(76, 175, 80, .1);--secondary: #2196f3;--secondary-dark: #1976d2;--accent: #ef4444;--accent-soft: #fee2e2;--warning: #f59e0b;--success: #10b981;--text-main: #1e293b;--text-soft: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 6px 20px rgba(76, 175, 80, .08);--shadow: 0 12px 32px rgba(76, 175, 80, .12);--shadow-lg: 0 20px 60px rgba(76, 175, 80, .15);--radius-sm: 8px;--radius: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-pill: 999px;--radius-card: 20px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}.filter-desktop{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:fit-content;border:1px solid var(--primary-soft);overflow:hidden;transition:all .3s ease;width:380px;min-width:360px;max-width:420px}.filter-desktop:hover{box-shadow:var(--shadow)}.filter-desktop-header{padding:24px 28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.filter-icon-wrapper{width:40px;height:40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.filter-title-section h3{font-size:20px;font-weight:700;margin:0}.clear-all-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.clear-all-btn:hover{background:#ffffff59;transform:translateY(-1px)}.filter-search-container{padding:20px 28px 16px;background:#fff;border-bottom:1px solid var(--border-light)}.filter-search-input{width:100%;padding:14px 16px 14px 48px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;color:var(--text-main);transition:all .3s;height:52px}.clear-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);cursor:pointer;font-size:18px;padding:4px;border-radius:50%;transition:all .2s}.filter-content-scroll{max-height:680px;overflow-y:auto;padding:24px 28px}.category-card-desktop{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;transition:all .3s ease}.category-card-desktop:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-header-desktop{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;transition:background-color .3s;min-height:76px}.category-header-desktop:hover{background-color:var(--bg)}.category-header-desktop.active{background-color:var(--primary-soft)}.category-info{display:flex;flex-direction:column;gap:4px}.subcategories-container-desktop{background:var(--primary-soft);border-top:1px solid var(--border-light);animation:slideDown .3s ease-out;padding:12px 0 20px}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.subcategory-item-desktop{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;min-height:60px}.subcategory-item-desktop:hover{border-color:var(--primary-soft);background:var(--bg);transform:translate(6px)}.subcategory-item-desktop.selected{background:var(--primary-soft);border-color:var(--primary)}.subcategory-item-desktop.selected .subcategory-name{color:var(--primary)}.subcategory-count{font-size:13px;font-weight:600;padding:4px 12px;border-radius:var(--radius-pill);min-width:48px;text-align:center}.subcategory-count:not(.selected){background:var(--border-light);color:var(--text-soft)}@media(max-width:768px){.filter-desktop{display:none}}.filter-desktop .category-header-right,.filter-desktop .category-arrow,.filter-desktop .category-arrow:hover{background:transparent!important}.filter-desktop .subcategories-container-desktop{animation:none!important;max-height:none!important;opacity:1!important}.filter-desktop .subcategory-item-desktop:hover{transform:none!important}.filter-skeleton-category{display:flex;flex-direction:column;gap:12px;padding:16px}.filter-skeleton-header{display:flex;justify-content:space-between;align-items:center;height:40px}.filter-skeleton-name{height:20px;width:60%;border-radius:8px}.filter-skeleton-count{height:16px;width:40px;border-radius:8px}.filter-skeleton-subcategory{height:36px;border-radius:8px;margin-bottom:8px}.home-page{min-height:calc(100vh - 80px)}.home-page .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.home-page .main-container{max-width:1600px;margin:0 auto;padding:0 1.5rem}.home-page .center{text-align:center}.home-page .hero-banner{margin-bottom:28px;border-radius:0 0 28px 28px;overflow:hidden;position:relative;background:radial-gradient(circle at 15% 20%,#ffffff2e,#fff0 45%),radial-gradient(circle at 85% 80%,#ffffff24,#fff0 45%),linear-gradient(140deg,#216e33,#3e9d45 55%,#2f7f37);color:#fff;padding:56px 0 86px;box-shadow:0 18px 48px #18622d40}.home-page .hero-banner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,255,244,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(240,255,244,.28) 1px,transparent 1px);background-size:30px 30px;opacity:.46;-webkit-mask-image:radial-gradient(ellipse 122% 98% at 50% 50%,rgba(0,0,0,1) 34%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.14) 60%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(ellipse 122% 98% at 50% 50%,#000 34%,#00000085 50%,#00000024,#0000 70%);pointer-events:none}.home-page .hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#175b270d,#0d3a1938);pointer-events:none}.home-page .hero-banner .container{position:relative;z-index:1}.home-page .hero-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(360px,1fr);align-items:center;gap:4rem}.home-page .hero-insight-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;border-radius:28px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(170deg,#f2fff6f2,#e1f5e7eb);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff2e,0 20px 36px #0003;padding:18px;box-sizing:border-box}.home-page .insight-icons-scene{position:relative;width:100%;max-width:300px;aspect-ratio:1/1;--orbit-duration: 18s}.home-page .scene-ring{position:absolute;inset:0;border-radius:999px;border:1px dashed rgba(40,120,60,.22);background:radial-gradient(circle at center,rgba(34,146,62,.08) 0%,rgba(34,146,62,.03) 42%,transparent 75%)}.home-page .scene-ring--inner{inset:16%;border-style:solid;border-color:#28783c2e}.home-page .scene-node{position:absolute;width:58px;height:58px;border-radius:18px;background:#fffffff0;border:1px solid rgba(33,112,52,.2);color:#29783f;box-shadow:0 10px 22px #1249222e;display:flex;align-items:center;justify-content:center}.home-page .scene-node svg{stroke-width:2.2px}.home-page .scene-node:not(.scene-node--center){left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(var(--orbit-radius));animation:sceneOrbit var(--orbit-duration) linear infinite}.home-page .scene-node-icon{display:inline-flex;align-items:center;justify-content:center;animation:sceneCounterOrbit var(--orbit-duration) linear infinite}.home-page .scene-node--center{width:88px;height:88px;border-radius:24px;left:50%;top:50%;transform:translate(-50%,-50%);color:#1f6a35;background:#f4fff6;border-color:#21703442;box-shadow:0 12px 28px #12492233}.home-page .scene-node--one{--orbit-angle: -90deg;--orbit-radius: 104px}.home-page .scene-node--two{--orbit-angle: -26deg;--orbit-radius: 112px}.home-page .scene-node--three{--orbit-angle: 18deg;--orbit-radius: 116px}.home-page .scene-node--four{--orbit-angle: 72deg;--orbit-radius: 108px}.home-page .scene-node--five{--orbit-angle: 154deg;--orbit-radius: 112px}.home-page .scene-node--six{--orbit-angle: 206deg;--orbit-radius: 116px}@keyframes sceneOrbit{0%{transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(var(--orbit-radius))}to{transform:translate(-50%,-50%) rotate(calc(var(--orbit-angle) + 360deg)) translate(var(--orbit-radius))}}@keyframes sceneCounterOrbit{0%{transform:rotate(calc(var(--orbit-angle) * -1))}to{transform:rotate(calc((var(--orbit-angle) * -1) - 360deg))}}.home-page .hero-content{max-width:760px}.home-page .hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 14px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.25);font-size:.84rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.home-page .hero-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:#dbfce6;box-shadow:0 0 12px #dbfce6cc}.home-page .hero-content h1{color:#f8fff9;font-size:2.45rem;font-weight:900;margin-bottom:16px;line-height:1.16;letter-spacing:-.02em}.home-page .hero-content p{font-size:1.05rem;color:#eefcf3eb;margin-bottom:0;line-height:1.7}.home-page .hero-stats{display:flex;gap:22px;margin-top:28px;flex-wrap:wrap}.home-page .hero-stats .stat-item{display:flex;flex-direction:column;min-width:100px}.home-page .hero-stats .stat-item strong{color:#ddf6e2;font-size:1.5rem;font-weight:800}.home-page .hero-stats .stat-item span{font-size:.82rem;color:#e1f5e6e6;font-weight:600}.home-page .hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}.home-page .hero-action-primary{display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 22px #092d144d}.home-page .hero-action-primary:hover{transform:translateY(-2px)}.home-page .hero-action-secondary{border-color:#fff6;color:#edfdf0;background:#ffffff14}.home-page .hero-action-secondary:hover{background:#ffffff2e;color:#f8fff9;border-color:#ffffff8c}.home-page .hero-features{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.home-page .feature{background:#ffffff21;backdrop-filter:blur(4px);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600}.home-page .feature:hover{transform:translateY(-1px)}.home-page .feature svg{flex-shrink:0}.home-page .home-benefits{margin:0 auto 44px}.home-page .benefits-heading{margin-bottom:20px}.home-page .benefits-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;color:var(--primary-dark);font-weight:800}.home-page .benefits-heading h2{font-size:clamp(1.35rem,3vw,2rem);margin:0}.home-page .benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-page .benefit-card{background:linear-gradient(165deg,#fff,#f3fdf5);border:1px solid rgba(76,175,80,.18);border-radius:18px;padding:18px;text-align:left;box-shadow:0 8px 20px #4caf5014;transition:all .25s ease}.home-page .benefit-card:hover{transform:translateY(-5px);border-color:#4caf5059;box-shadow:0 16px 30px #4caf5024}.home-page .benefit-card:before{display:none}.home-page .benefit-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;color:#1e7a34;background:#dff8e4}.home-page .benefit-card h3{margin-bottom:8px;font-size:1rem}.home-page .benefit-card p{margin:0;font-size:.9rem;line-height:1.55}.home-page .search-section{position:relative;z-index:10;margin-top:0;margin-bottom:40px}.home-page .search-wrapper-nothing{padding:16px;border-radius:16px;max-width:800px;margin:0 auto}.home-page .home-layout{display:flex;gap:64px;max-width:1400px;margin:0 auto;padding:0 24px;align-items:flex-start}.home-page .sidebar-desktop{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);width:380px;min-width:360px;max-width:420px;flex-shrink:0;border-radius:24px;display:flex;flex-direction:column;gap:20px}.home-page .main-content{flex:1;min-width:0}.home-page .unit-type{font-size:.75rem;color:var(--text-soft);font-weight:500;margin-left:.25rem}.home-page .quantity-info{font-size:.8rem;color:var(--text-soft);margin:.5rem 0 0;background:var(--border-light);padding:.375rem .75rem;border-radius:var(--radius-pill);display:inline-block;width:fit-content}.home-page .quantity-info strong{color:var(--text-main);font-weight:700}.home-page .products-section{margin-bottom:4rem}.home-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.home-page .header-left h2{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:12px;color:var(--text-main)}.home-page .view-all-btn{color:var(--primary);background:none;border:none;font-weight:600;cursor:pointer;font-size:.95rem;white-space:nowrap}.home-page .view-all-btn:hover{text-decoration:underline}.home-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:40px}.home-page .product-card-modern{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;height:100%}.home-page .product-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-soft)}.home-page .product-image-wrapper{position:relative;width:100%;padding-top:75%;background:#f1f5f9;overflow:hidden}.home-page .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.home-page .product-card-modern:hover .product-image{transform:scale(1.05)}.home-page .card-content{padding:16px;display:flex;flex-direction:column;flex-grow:1;gap:8px}.home-page .product-title{font-size:1rem;font-weight:600;line-height:1.4;margin:0;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page .product-address{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-soft);margin-bottom:2px}.home-page .address-icon{width:12px;height:12px;color:#10b981;flex-shrink:0}.home-page .product-description{font-size:.85rem;color:var(--text-soft);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8;min-height:2.8em}.home-page .item-supplier{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:4px 6px;border-radius:6px;background:#f3f4f6;font-size:.82rem;cursor:pointer;transition:background .2s}.home-page .item-supplier:hover{background:#e5e7eb}.home-page .supplier-avatar-wrapper{flex-shrink:0}.home-page .supplier-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.home-page .supplier-name-wrapper{flex:1;min-width:0}.home-page .supplier-name{font-size:.8rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.home-page .price-block-simple{margin-top:12px}.home-page .price-main{font-size:1.25rem;font-weight:800;color:var(--primary-dark)}.home-page .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.home-page .map-button,.home-page .cart-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.home-page .map-button{background:#f1f5f9;color:var(--text-soft)}.home-page .map-button:hover{background:#e2e8f0;color:var(--text-main)}.home-page .cart-button{background:var(--primary);color:#fff}.home-page .cart-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.home-page .added-to-wishlist-animation{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.home-page .cta-section{background:var(--surface);border-top:1px solid var(--border);padding:60px 0;margin-top:60px;text-align:center}.home-page .cta-content{max-width:800px;margin:0 auto;text-align:center}.home-page .cta-content h2{font-size:1.8rem;margin-bottom:12px;color:var(--text-main)}.home-page .cta-content p{font-size:1.25rem;opacity:.95;margin-bottom:3rem;line-height:1.6}.home-page .cta-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px}.home-page .cta-primary,.home-page .cta-secondary{padding:12px 32px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.home-page .cta-primary{background:var(--primary);color:#fff;border:none}.home-page .cta-primary:hover{background:var(--primary-dark)}.home-page .cta-secondary{background:#fff;border:2px solid var(--border);color:var(--text-main)}.home-page .cta-secondary:hover{border-color:var(--text-soft)}.home-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-xl);border:2px solid var(--border);display:flex;justify-content:center;align-items:center;flex-direction:column}.home-page .loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-soft);font-size:1.1rem;gap:1.5rem}.home-page .floating-filter-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #4caf5066;transition:all .25s ease;z-index:900}.home-page .floating-filter-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px #4caf5080}.home-page .floating-filter-btn:active{transform:scale(.95)}.home-page .floating-filter-btn .filter-count-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(max-width:1200px){.home-page .hero-layout{grid-template-columns:minmax(260px,360px) minmax(300px,1fr);gap:2.5rem}.home-page .hero-content h1{font-size:2.1rem}.home-page .benefits-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:992px){.home-page .sidebar-desktop{display:none}.home-page .home-layout{gap:0;padding:0 16px}.home-page .hero-banner{padding:36px 0 56px;margin-bottom:20px}.home-page .hero-layout{grid-template-columns:1fr;gap:2rem}.home-page .hero-insight-card{width:100%;min-height:0;height:260px;max-width:100%;border-radius:22px;padding:16px}.home-page .insight-icons-scene{max-width:220px;margin:0 auto}.home-page .scene-node--one{--orbit-radius: 84px}.home-page .scene-node--two{--orbit-radius: 88px}.home-page .scene-node--three{--orbit-radius: 90px}.home-page .scene-node--four{--orbit-radius: 85px}.home-page .scene-node--five{--orbit-radius: 88px}.home-page .scene-node--six{--orbit-radius: 90px}.home-page .scene-node{width:50px;height:50px;border-radius:15px}.home-page .scene-node--center{width:76px;height:76px;border-radius:22px}.home-page .products-grid{grid-template-columns:repeat(3,1fr);gap:16px}.home-page .benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-page .hero-banner{padding:28px 0 44px;border-radius:0 0 20px 20px}.home-page .hero-banner:before{background-size:22px 22px;opacity:.38}.home-page .hero-layout{gap:1.25rem}.home-page .hero-content h1{font-size:1.65rem}.home-page .hero-content p{font-size:.9rem}.home-page .hero-kicker{font-size:.72rem;padding:5px 10px}.home-page .hero-features{gap:7px}.home-page .feature{font-size:.76rem;padding:6px 10px}.home-page .hero-actions{flex-direction:column;gap:10px}.home-page .hero-actions .cta-primary,.home-page .hero-actions .cta-secondary{width:100%;max-width:none;justify-content:center;padding:12px 20px}.home-page .hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.home-page .hero-stats .stat-item strong{font-size:1.25rem}.home-page .hero-stats .stat-item span{font-size:.72rem}.home-page .hero-insight-card{height:210px;border-radius:18px}.home-page .insight-icons-scene{max-width:180px}.home-page .scene-node{width:44px;height:44px;border-radius:13px}.home-page .scene-node--center{width:66px;height:66px;border-radius:19px}.home-page .scene-node--one{--orbit-radius: 68px}.home-page .scene-node--two{--orbit-radius: 72px}.home-page .scene-node--three{--orbit-radius: 74px}.home-page .scene-node--four{--orbit-radius: 69px}.home-page .scene-node--five{--orbit-radius: 72px}.home-page .scene-node--six{--orbit-radius: 74px}.home-page .home-layout{padding:0 12px}.home-page .search-section{margin-bottom:20px}.home-page .search-wrapper-nothing{padding:8px}.home-page .section-header{align-items:center}.home-page .header-left h2{font-size:1.1rem;gap:8px}.home-page .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-page .benefits-grid{grid-template-columns:1fr;gap:10px}.home-page .benefit-card{padding:14px}.home-page .benefit-card h3{font-size:.9rem}.home-page .benefit-card p{font-size:.82rem}.home-page .cta-section{padding:36px 0;margin-top:36px}.home-page .cta-content h2{font-size:1.4rem}.home-page .cta-content p{font-size:1rem;margin-bottom:1.5rem}.home-page .cta-buttons{flex-direction:column;align-items:center}.home-page .cta-primary,.home-page .cta-secondary{width:100%;max-width:300px}.home-page .floating-filter-btn{bottom:1.25rem;right:1.25rem;width:56px;height:56px}}@media(max-width:480px){.home-page .hero-content h1{font-size:1.45rem}.home-page .hero-insight-card{height:190px}.home-page .insight-icons-scene{max-width:160px}.home-page .scene-node{width:40px;height:40px}.home-page .scene-node--center{width:60px;height:60px}.home-page .scene-node--one{--orbit-radius: 60px}.home-page .scene-node--two{--orbit-radius: 63px}.home-page .scene-node--three{--orbit-radius: 65px}.home-page .scene-node--four{--orbit-radius: 61px}.home-page .scene-node--five{--orbit-radius: 63px}.home-page .scene-node--six{--orbit-radius: 65px}.home-page .products-grid{grid-template-columns:1fr;gap:10px}.home-page .floating-filter-btn{bottom:1rem;right:1rem;width:52px;height:52px}}.home-page .text-primary{color:var(--primary)}.home-page .text-soft{color:var(--text-soft)}.home-page .text-center{text-align:center}.home-page .hidden{display:none}.home-page .block{display:block}.home-page .flex{display:flex}.home-page .items-center{align-items:center}.home-page .justify-center{justify-content:center}.home-page .gap-1{gap:.5rem}.home-page .gap-2{gap:1rem}.home-page .gap-3{gap:1.5rem}.home-page .w-full{width:100%}.home-page .rounded{border-radius:var(--radius)}.home-page .shadow-sm{box-shadow:var(--shadow-sm)}.home-page .shadow{box-shadow:var(--shadow)}.home-page .font-bold{font-weight:700}.home-page .font-semibold{font-weight:600}.home-page .text-sm{font-size:.9rem}.home-page .text-base{font-size:1rem}.home-page .text-lg{font-size:1.125rem}.home-page .text-xl{font-size:1.25rem}.home-page .text-2xl{font-size:1.5rem}.home-page .mt-2{margin-top:1rem}.home-page .mt-4{margin-top:2rem}.home-page .mb-2{margin-bottom:1rem}.home-page .mb-4{margin-bottom:2rem}.filter-close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:8px;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.filter-close-btn:hover{background:#ffffff59}.filter-title-section{display:flex;align-items:center;gap:16px}.filter-title{color:#fff}.filter-icon-wrapper{width:40px;height:40px;background:#fff3;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.filter-sidebar h3{margin:0;font-size:20px;font-weight:700}.selected-count{font-size:14px;opacity:.95;margin-top:4px}.filter-search-container{padding:20px 28px 16px;background:#fff;border-bottom:1px solid var(--border-light);flex-shrink:0}.filter-search-wrapper{position:relative}.filter-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-light)}.filter-search-input{width:100%;padding:14px 44px 14px 48px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:15px;background:var(--bg);color:var(--text-main);transition:all .3s;height:52px}.filter-search-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-transparent)}.clear-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);font-size:18px;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.clear-search-btn:hover{background:var(--border-light);color:var(--text-soft)}.filter-content-scroll{flex:1;overflow-y:auto;padding:24px 28px}.filter-content-scroll::-webkit-scrollbar{width:6px}.filter-content-scroll::-webkit-scrollbar-track{background:var(--border-light);border-radius:10px}.filter-content-scroll::-webkit-scrollbar-thumb{background:#c8e6c9;border-radius:10px}.filter-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.categories-container{display:flex;flex-direction:column;gap:20px}.category-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden;transition:all .3s ease}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.category-header{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left;min-height:76px;transition:background-color .3s}.category-header:hover{background-color:var(--bg)}.category-header.active{background-color:var(--primary-soft)}.category-header-left{display:flex;align-items:center;gap:12px}.category-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;transition:all .3s}.category-dot.active{background:var(--primary);transform:scale(1.3);box-shadow:0 0 0 4px #4caf5026}.category-info{display:flex;flex-direction:column;text-align:start;gap:4px}.category-name{font-size:15.5px;font-weight:700;color:var(--text-main)}.category-total{font-size:13px;color:var(--text-soft)}.category-header-right{display:flex;align-items:center;gap:10px}.subcategory-count{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:4px 12px;border-radius:var(--radius-pill);min-width:44px;text-align:center}.category-arrow{color:var(--text-light);transition:transform .3s,color .3s}.category-arrow.open{transform:rotate(180deg);color:var(--primary)}.subcategories-container{background:var(--primary-soft);border-top:1px solid var(--border-light);padding:12px 0 20px}.subcategories-list{padding:0 24px;display:flex;flex-direction:column;gap:12px}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;min-height:60px}.subcategory-item:hover{border-color:var(--primary-soft);background:var(--bg)}.subcategory-item.selected{background:var(--primary-soft);border-color:var(--primary)}.subcategory-left{display:flex;align-items:center;gap:12px}.custom-checkbox{width:20px;height:20px;border:2.5px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.custom-checkbox.checked{background:var(--primary);border-color:var(--primary);color:#fff}.subcategory-name{font-size:14.5px;font-weight:600;color:var(--text-main);transition:color .3s}.subcategory-item.selected .subcategory-name{color:var(--primary)}.subcategory-count.selected{background:var(--primary);color:#fff}.filter-footer{padding:16px 28px;background:#fff;border-top:1px solid var(--border-light);display:flex;gap:12px;flex-shrink:0}.filter-buttons{display:flex;gap:12px;width:100%}.filter-reset-btn,.filter-apply-btn{flex:1;padding:14px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.filter-reset-btn{background:#f1f1f1;border:1px solid #ddd;color:#333}.filter-reset-btn:disabled{opacity:.5;cursor:not-allowed}.filter-apply-btn{background:var(--primary);color:#fff;border:none}.filter-apply-btn:hover{background:var(--primary-dark)}.filter-loading,.filter-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:36px;height:36px;border:4px solid var(--border-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.filter-loading p,.empty-state-text{color:var(--text-soft);font-size:15px}.empty-state-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--border-light);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:32px}.filter-sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s ease}.filter-sidebar-backdrop.visible{opacity:1;pointer-events:auto}.filter-sidebar{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100vh;background:var(--surface);z-index:9999;overflow-y:hidden;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid var(--primary-soft)}.filter-sidebar.open{transform:translate(0)}.filter-sidebar-header{padding:24px 28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}@media(max-width:768px){.filter-sidebar{max-width:100%}}.price-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;backdrop-filter:blur(4px)}.price-filter-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:0;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;z-index:9999;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.price-modal-header{background:linear-gradient(135deg,#4caf50,#388e3c);padding:20px 24px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.price-modal-header h3{color:#fff!important;font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.price-modal-close{background:#fff3;border:none;color:#fff!important;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.price-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.price-modal-content{padding:24px}.price-inputs-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin-bottom:24px}.price-input-group label{display:block;font-size:.85rem;font-weight:600;color:#64748b;margin-bottom:6px}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-input-wrapper input{width:100%;padding:12px 40px 12px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;color:#1e293b;outline:none;transition:all .2s}.price-input-wrapper input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026}.price-currency{position:absolute;right:14px;color:#4caf50;font-weight:700;font-size:.95rem}.price-separator{color:#94a3b8;font-size:1.25rem;font-weight:600;padding-bottom:8px}.price-slider-container{position:relative;height:40px;margin-bottom:12px}.price-slider-track{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.price-slider-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:3px}.price-slider{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:6px;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.price-slider::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;background:#4caf50;border:3px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;-webkit-appearance:none;appearance:none;transition:all .2s}.price-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #4caf5066}.price-slider::-moz-range-thumb{pointer-events:all;width:24px;height:24px;background:#4caf50;border:3px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s}.price-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #4caf5066}.price-range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;margin-bottom:20px}.price-selected-display{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;margin-bottom:16px;font-size:.95rem;color:#166534}.price-selected-display strong{color:#15803d;font-weight:700}.price-products-count{padding:14px 16px;background:#fef3c7;border:2px solid #fde68a;border-radius:12px;font-size:.95rem;color:#92400e;text-align:center}.price-products-count strong{color:#78350f;font-weight:700}.price-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.price-loading .loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.price-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.price-reset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.price-reset-btn:hover{border-color:#94a3b8;color:#475569;background:#f1f5f9}.price-apply-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4caf504d}.price-apply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.price-products-count{padding:14px 16px;background:#f0f9ff;border:2px solid #bae6fd;border-radius:12px;font-size:.95rem;color:#0369a1;text-align:center;margin-top:12px}.price-products-count strong{color:#075985;font-weight:700}@media(max-width:520px){.price-filter-modal{width:95%;max-height:95vh}.price-modal-header{padding:16px 20px}.price-modal-header h3{font-size:1.1rem}.price-modal-content{padding:20px}.price-modal-footer{padding:16px 20px}}.search-results-page{max-width:1600px;margin:0 auto;padding:20px;min-height:calc(100vh - 80px)}.search-results-page .search-header{position:sticky;top:80px;z-index:90;background:var(--bg);padding:20px 0;margin-bottom:30px;border-bottom:1px solid var(--border)}.search-results-page .search-results-layout{display:flex;gap:48px;max-width:1400px;margin:0 auto;padding:0 24px;align-items:flex-start}.search-results-page .results-sidebar{width:380px;min-width:360px;max-width:420px;flex-shrink:0;border-radius:24px;position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.search-results-page .results-sidebar::-webkit-scrollbar{width:4px}.search-results-page .results-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.search-results-page .open-price-filter-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:14px 20px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4caf504d;width:100%}.search-results-page .open-price-filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.search-results-page .become-supplier-sidebar{margin-top:0;padding:20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;text-align:center;border:2px solid #4caf50}.search-results-page .become-supplier-sidebar h4{font-size:1rem;color:#2e7d32;margin-bottom:8px}.search-results-page .become-supplier-sidebar p{font-size:.85rem;color:#64748b;margin-bottom:16px}.search-results-page .become-supplier-btn-sidebar{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;width:100%;transition:all .2s}.search-results-page .become-supplier-btn-sidebar:hover{background:#388e3c;transform:translateY(-2px)}.search-results-page .results-main{flex:1;min-width:0;scroll-behavior:auto}.search-results-page .results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border);gap:1rem;flex-wrap:wrap}.search-results-page .results-title{font-size:1.8rem;font-weight:700;color:var(--text-main);margin:0}.search-results-page .results-count{font-size:1rem;color:var(--text-soft);margin-top:8px}.search-results-page .results-actions{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.search-results-page .sort-dropdown{display:flex;flex-direction:column;gap:.5rem}.search-results-page .sort-label{font-size:.85rem;font-weight:600;color:var(--text-soft);display:flex;align-items:center;gap:.5rem}.search-results-page .sort-select{padding:.875rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius);background:#fff;font-size:.95rem;font-weight:600;color:var(--text-main);cursor:pointer;outline:none;transition:var(--transition);min-width:220px;box-shadow:var(--shadow-sm)}.search-results-page .sort-select:hover{border-color:var(--primary)}.search-results-page .sort-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-transparent)}.search-results-page .loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-soft);font-size:1.1rem;gap:16px}.search-results-page .spinner-large{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.search-results-page .no-results{text-align:center;padding:80px 20px;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-sm);border:2px solid var(--border)}.search-results-page .no-results h3{font-size:1.8rem;color:var(--text-main);margin-bottom:16px}.search-results-page .no-results p{font-size:1.1rem;color:var(--text-soft);margin-bottom:24px}.search-results-page .try-again-btn{background:var(--primary);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.search-results-page .try-again-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.search-results-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:40px}.search-results-page .product-card-modern{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;height:100%;min-height:420px;contain:layout}.search-results-page .product-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-soft);z-index:2}.search-results-page .product-image-wrapper{position:relative;width:100%;aspect-ratio:4/3;background:#f1f5f9;overflow:hidden}.search-results-page .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.search-results-page .product-card-modern:hover .product-image{transform:scale(1.05)}.search-results-page .no-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-soft);font-size:1.5rem;font-weight:600;background:#f1f5f9}.search-results-page .card-content{padding:16px;display:flex;flex-direction:column;flex-grow:1;gap:8px;min-height:200px}.search-results-page .product-title{font-size:1rem;font-weight:600;line-height:1.4;margin:0;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-results-page .product-address{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-soft);margin-bottom:2px}.search-results-page .address-icon{width:12px;height:12px;color:#10b981;flex-shrink:0}.search-results-page .product-description{font-size:.85rem;color:var(--text-soft);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8;min-height:2.8em}.search-results-page .item-supplier{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:4px 6px;border-radius:6px;background:#f3f4f6;font-size:.82rem;cursor:pointer;transition:background .2s}.search-results-page .item-supplier:hover{background:#e5e7eb}.search-results-page .supplier-avatar-wrapper{flex-shrink:0}.search-results-page .supplier-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb;flex-shrink:0}.search-results-page .supplier-name-wrapper{flex:1;min-width:0}.search-results-page .supplier-name{font-size:.8rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.search-results-page .price-block-simple{margin-top:12px}.search-results-page .price-main{font-size:1.25rem;font-weight:800;color:var(--primary-dark)}.search-results-page .unit-type{font-size:.75rem;color:var(--text-soft);font-weight:500;margin-left:.25rem}.search-results-page .quantity-info{font-size:.8rem;color:var(--text-soft);margin:.5rem 0 0;background:var(--border-light);padding:.375rem .75rem;border-radius:var(--radius-pill);display:inline-block;width:fit-content}.search-results-page .quantity-info strong{color:var(--text-main);font-weight:700}.search-results-page .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.search-results-page .map-button,.search-results-page .cart-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.search-results-page .map-button{background:#f1f5f9;color:var(--text-soft)}.search-results-page .map-button:hover{background:#e2e8f0;color:var(--text-main)}.search-results-page .cart-button{background:var(--primary);color:#fff}.search-results-page .cart-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.search-results-page .added-to-wishlist-animation{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.search-results-page .pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin:2rem 0 1rem}.search-results-page .pagination-btn{display:flex;align-items:center;gap:6px;padding:.7rem 1.375rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 1px 4px #0000000d;white-space:nowrap}.search-results-page .pagination-btn:hover:not(:disabled){border-color:#4caf50;color:#2e7d32;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 4px 14px #4caf5026}.search-results-page .pagination-btn:active:not(:disabled){transform:translateY(0)}.search-results-page .pagination-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.search-results-page .pagination-current{display:flex;align-items:center;justify-content:center;min-width:48px;height:44px;border-radius:12px;background:#4caf50;color:#fff;font-size:.9rem;font-weight:800;padding:0 1rem;box-shadow:0 4px 14px #4caf5059;white-space:nowrap}.search-results-page .end-of-list{text-align:center;padding:1.25rem;color:var(--text-soft);font-size:.875rem;font-weight:500}.search-results-page .mobile-filter-btn{position:fixed;bottom:24px;right:24px;background:var(--primary);color:#fff;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4caf5066;cursor:pointer;z-index:999;transition:var(--transition)}.search-results-page .mobile-filter-btn:hover{transform:scale(1.1)}.search-results-page .mobile-price-filter-btn{position:fixed;bottom:24px;right:90px;background:var(--secondary);color:#fff;border:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2196f366;cursor:pointer;z-index:999;transition:var(--transition)}.search-results-page .mobile-price-filter-btn:hover{transform:scale(1.1)}.search-results-page .category-header-right{display:flex;align-items:center;gap:12px;background:transparent!important}.search-results-page .category-arrow{color:#94a3b8;transition:transform .3s ease;background:transparent!important}.search-results-page .category-arrow:hover{color:#4caf50;background:transparent!important}.search-results-page .category-arrow.open{transform:rotate(180deg);color:#4caf50;background:transparent!important}.pagination-controls-modern{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;margin-top:20px}.pagination-btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.pagination-btn-icon:hover:not(:disabled){background:#00b894;border-color:#00b894;color:#fff}.pagination-btn-icon:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;gap:6px}.pagination-page{min-width:40px;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-weight:500;cursor:pointer;transition:all .2s}.pagination-page:hover{border-color:#00b894;color:#00b894}.pagination-page.active{background:#00b894;border-color:#00b894;color:#fff}.end-of-list{text-align:center;padding:24px;color:#64748b;font-size:.9rem}@media(max-width:1200px){.search-results-page .search-results-layout{gap:32px}}@media(max-width:992px){.search-results-page{padding:0 0 20px}.search-results-page .search-header{top:70px;padding:10px 16px;margin-bottom:14px}.search-results-page .search-results-layout{padding:0 14px;gap:0;flex-direction:column}.search-results-page .results-sidebar{display:none}.search-results-page .results-header{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding-bottom:12px}.search-results-page .results-title{font-size:1.5rem}.search-results-page .sort-dropdown{flex-direction:row;align-items:flex-start;gap:.5rem}.search-results-page .sort-label{white-space:nowrap}.search-results-page .sort-select{min-width:180px;font-size:.9rem;padding:.7rem 1rem}.search-results-page .products-grid{grid-template-columns:repeat(3,1fr);gap:18px}.search-results-page .mobile-filter-btn{display:flex;bottom:20px;right:16px}}@media(max-width:768px){.search-results-page{padding:12px}.search-results-page .search-header{top:70px;padding:10px 12px}.search-results-page .search-results-layout{padding:0 12px}.search-results-page .results-header{flex-direction:column;gap:12px;margin-bottom:20px}.search-results-page .results-title{font-size:1.35rem}.search-results-page .results-count{font-size:.9rem}.search-results-page .results-actions{width:100%}.search-results-page .sort-dropdown{width:100%;flex-direction:column}.search-results-page .sort-select{width:100%;min-width:auto}.search-results-page .products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.search-results-page .product-card-modern{min-height:380px}.search-results-page .card-content{padding:14px;gap:6px}.search-results-page .product-title{font-size:.95rem}.search-results-page .price-main{font-size:1.15rem}.search-results-page .action-buttons{gap:6px;margin-top:10px}.search-results-page .map-button,.search-results-page .cart-button{font-size:.82rem;padding:7px 5px}.search-results-page .pagination-controls{gap:8px;margin:1.8rem 0 .8rem}.search-results-page .pagination-btn{padding:.65rem 1.1rem;font-size:.85rem;border-radius:10px}.search-results-page .pagination-current{font-size:.88rem;min-width:42px;height:42px}.search-results-page .mobile-filter-btn{width:54px;height:54px;bottom:18px;right:18px}}@media(max-width:520px){.search-results-page .products-grid{grid-template-columns:1fr;gap:16px}.search-results-page .results-title{font-size:1.25rem}.search-results-page .action-buttons{grid-template-columns:1fr}.search-results-page .pagination-btn{padding:.6rem 1rem}}.search-results-page .text-primary{color:var(--primary)}.search-results-page .text-soft{color:var(--text-soft)}.search-results-page .text-center{text-align:center}.search-results-page .hidden{display:none}.search-results-page .block{display:block}.search-results-page .flex{display:flex}.search-results-page .gap-1{gap:.5rem}.search-results-page .gap-2{gap:1rem}.search-results-page .rounded{border-radius:var(--radius)}.search-results-page .shadow-sm{box-shadow:var(--shadow-sm)}.search-results-page .bg-white{background:#fff}:root{--bg: #f9fcfb;--surface: #ffffff;--primary: #14b8a6;--primary-dark: #0d9488;--primary-soft: #f0fdfa;--secondary: #2196f3;--accent: #ef4444;--accent-soft: #fef2f2;--text-main: #1e293b;--text-soft: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 6px 20px rgba(20, 184, 166, .08);--shadow: 0 12px 32px rgba(20, 184, 166, .12);--radius: 12px;--radius-md: 16px;--radius-xl: 24px;--radius-pill: 999px;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}.product-selector-modal.review-modal{background:var(--surface);width:90%;max-width:900px;max-height:92vh;overflow-y:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow);position:relative;padding:32px}.back-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-soft);border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);margin-bottom:16px}h3{margin:0 0 8px;font-size:1.6rem;font-weight:700;color:var(--text-main)}.step-description{color:var(--text-soft);margin-bottom:24px;font-size:1rem;line-height:1.5}.review-products-grid{margin-bottom:24px}.products-page{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-product-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:10px}.review-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary);background:var(--primary-soft)}.review-product-card img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-light)}.review-product-card p{font-weight:600;color:var(--text-main);margin:0;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.no-image-placeholder{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:2.5rem;font-weight:700;border-radius:var(--radius)}.page-indicator{display:block;margin-top:8px;font-size:.85rem;color:var(--text-light);font-weight:500}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.pagination-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.pagination-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft);color:var(--primary);transform:scale(1.1)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-numbers{display:flex;gap:8px}.pagination-number{min-width:40px;height:40px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text-main);font-weight:600;cursor:pointer;transition:var(--transition)}.pagination-number:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.pagination-number.active{background:var(--primary);border-color:var(--primary);color:#fff}.reaction-buttons{display:flex;gap:16px;justify-content:center;margin:32px 0}.reaction-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:1.1rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:var(--transition)}.reaction-buttons button:hover{transform:scale(1.02);border-color:var(--primary);background:var(--primary-soft)}.reaction-buttons button.active.like{background:#22c55e;color:#fff;border-color:#16a34a}.reaction-buttons button.active.dislike{background:#ef4444;color:#fff;border-color:#dc2626}.reaction-buttons button.active svg{color:#fff}.type-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--primary-soft);border-radius:var(--radius);color:var(--text-soft);font-size:.9rem;margin-top:16px}.type-hint svg{flex-shrink:0;color:var(--primary)}.step-3-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.help-icon-wrapper{position:relative;cursor:help}.help-icon{color:var(--text-light);transition:color .2s}.help-icon.pulsing{color:var(--primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.rating-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--text-main);color:#fff;padding:8px 12px;border-radius:8px;font-size:.85rem;white-space:nowrap;z-index:100;margin-top:8px;box-shadow:0 4px 12px #00000026}.rating-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--text-main)}.stars-container{display:flex;justify-content:center;gap:8px;margin:24px 0 16px}.star-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .15s}.star-btn:hover:not(:disabled){transform:scale(1.15)}.star-btn:disabled{cursor:not-allowed;opacity:.4}.star-btn .star-locked{color:#e5e7eb!important}.star-btn:not(.locked) svg{color:#fbbf24}.rating-hint{text-align:center;font-size:.9rem;color:var(--text-soft);margin-bottom:20px}.review-textarea{width:100%;min-height:100px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;resize:vertical;transition:var(--transition);margin-bottom:16px;background:var(--surface)}.review-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.ignore-warning{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);padding:12px 16px;border-radius:var(--radius);margin-bottom:20px;font-weight:600;font-size:.95rem}.ignore-warning svg{flex-shrink:0}.submit-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-pill);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.star-btn.locked.filled svg{fill:#fbbf24!important;color:#fbbf24!important;opacity:.5}.star-btn.locked.filled{cursor:not-allowed}.star-btn.locked:not(.filled) svg{color:#e5e7eb!important;opacity:.4}@media(max-width:900px){.product-selector-modal.review-modal{padding:24px}.products-page{grid-template-columns:repeat(2,1fr);gap:12px}.review-product-card img{height:120px}}@media(max-width:600px){.product-selector-modal.review-modal{padding:20px;width:95%}h3{font-size:1.4rem}.products-page{grid-template-columns:repeat(2,1fr);gap:10px}.review-product-card{padding:12px}.review-product-card img{height:100px}.review-product-card p{font-size:.85rem}.reaction-buttons{flex-direction:column;gap:12px}.stars-container svg{width:40px;height:40px}.pagination-controls{gap:8px}.pagination-btn,.pagination-number{width:36px;height:36px;min-width:36px}.page-indicator{font-size:.8rem}}@media(max-width:400px){.products-page{grid-template-columns:1fr}.review-product-card img{height:140px}}.supplier-page{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 80px)}.supplier-page .supplier-hero{background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:24px;padding:2rem 2.5rem;margin-bottom:3rem;display:flex;align-items:center;gap:2rem;box-shadow:0 4px 16px #0000000a;border:1px solid #e5e7eb}.supplier-page .supplier-avatar-large{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 24px #4caf5033;flex-shrink:0;background:#4caf50;display:flex;align-items:center;justify-content:center}.supplier-page .avatar-image-large{width:100%;height:100%;object-fit:cover}.supplier-page .avatar-letter-large{width:100%;height:100%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.supplier-page .supplier-info-hero h1{font-size:2rem;font-weight:700;margin:0 0 1rem;color:#1e293b}.supplier-page .supplier-stats-inline{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.supplier-page .stat-item-inline{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.9rem}.supplier-page .stat-item-inline svg{color:#4caf50}.supplier-page .leave-review-btn-inline{background:#4caf50;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .2s;margin-left:auto}.supplier-page .leave-review-btn-inline:hover{background:#388e3c}.supplier-page .supplier-products-section{margin-bottom:4rem}.supplier-page .supplier-products-section h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b;position:relative;display:inline-block}.supplier-page .supplier-products-section h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#4caf50;border-radius:2px}.supplier-page .container{max-width:100%}.supplier-page .empty-supplier{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;border:2px dashed #e2e8f0}.supplier-page .empty-supplier svg{color:#cbd5e1;margin-bottom:1.5rem}.supplier-page .empty-supplier h3{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.supplier-page .empty-supplier p{color:#64748b}.supplier-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:40px}.supplier-page .product-card-modern{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.supplier-page .product-card-modern:hover{transform:translateY(-6px);box-shadow:0 12px 32px #4caf5026;border-color:#4caf50}.supplier-page .product-image-wrapper{width:100%;height:180px;background:#f1f5f9;position:relative;overflow:hidden}.supplier-page .product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.supplier-page .product-card-modern:hover .product-image{transform:scale(1.05)}.supplier-page .no-image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:2rem;font-weight:700}.supplier-page .card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column;gap:8px}.supplier-page .product-title{font-size:1.1rem;font-weight:700;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1e293b}.supplier-page .product-address{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#64748b}.supplier-page .address-icon{width:14px;height:14px;color:#4caf50}.supplier-page .product-description{font-size:.85rem;color:#64748b;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.supplier-page .price-block-simple{margin:8px 0}.supplier-page .price-main{font-size:1.3rem;font-weight:800;color:#1e293b}.supplier-page .action-buttons.compact{display:flex;gap:.5rem;margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.supplier-page .icon-button{flex:1;padding:.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.supplier-page .icon-button.map-button{background:#f1f5f9;color:#1e293b}.supplier-page .icon-button.map-button:hover{background:#e2e8f0}.supplier-page .icon-button.cart-button{background:#4caf50;color:#fff}.supplier-page .icon-button.cart-button:hover{background:#388e3c}.supplier-page .icon-button.checkmark{font-size:1.2rem}.supplier-page .added-to-wishlist-animation{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.supplier-page .unit-type{font-size:.75rem;color:#64748b;font-weight:500;margin-left:.25rem}.supplier-page .quantity-info{font-size:.8rem;color:#64748b;margin:.5rem 0 0;background:#f1f5f9;padding:.375rem .75rem;border-radius:999px;display:inline-block;width:fit-content}.supplier-page .quantity-info strong{color:#1e293b;font-weight:700}.supplier-page .reviews-section{margin-top:4rem;padding-top:2rem;border-top:1px solid #e2e8f0}.supplier-page .reviews-section h2{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b;text-align:center}.supplier-page .reviews-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.supplier-page .stat-good,.supplier-page .stat-bad{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#f1f5f9}.supplier-page .stat-good svg{color:#10b981}.supplier-page .stat-bad svg{color:#ef4444}.supplier-page .reviews-list{display:flex;flex-direction:column;gap:1rem}.supplier-page .review-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;display:flex;align-items:flex-start;gap:1rem}.supplier-page .review-card:hover{box-shadow:0 4px 12px #0000000a;border-color:#cbd5e1}.supplier-page .review-product-img{width:64px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0}.supplier-page .review-product-fallback{width:64px;height:64px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.supplier-page .review-content{flex-grow:1}.supplier-page .review-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:nowrap}.supplier-page .reviewer-info{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.supplier-page .reviewer-avatar-small{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#4caf50;display:flex;align-items:center;justify-content:center}.supplier-page .avatar-image-small{width:100%;height:100%;object-fit:cover}.supplier-page .avatar-letter-small{width:100%;height:100%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.supplier-page .reviewer-name{font-weight:600;color:#1e293b;white-space:nowrap}.supplier-page .review-rating{display:flex;gap:2px;flex-shrink:0}.supplier-page .star-filled{color:#fbbf24;fill:#fbbf24}.supplier-page .star-empty{color:#d1d5db}.supplier-page .review-rating-digits{display:none;font-weight:600;padding:2px 8px;border-radius:20px;font-size:.85rem;white-space:nowrap;flex-shrink:0}.supplier-page .review-rating-digits.rating-high{color:#10b981;background:#e6f7ec}.supplier-page .review-rating-digits.rating-low{color:#ef4444;background:#fee2e2}.supplier-page .review-comment{color:#1e293b;line-height:1.6;margin-bottom:1rem}.supplier-page .review-actions{display:flex;gap:1rem}.supplier-page .like{color:#10b981;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.supplier-page .ignore{color:#ef4444;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.supplier-page .no-reviews{text-align:center;padding:3rem;color:#64748b;background:#f8fafc;border-radius:12px}.supplier-page .load-more-btn{display:block;margin:2rem auto 0;padding:.75rem 2rem;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-weight:600}.supplier-page .load-more-btn:hover{background:#e2e8f0}@media(max-width:768px){.supplier-page .supplier-hero{flex-direction:column;text-align:center;padding:1.5rem}.supplier-page .supplier-avatar-large{width:80px;height:80px}.supplier-page .avatar-letter-large{font-size:2rem}.supplier-page .supplier-info-hero h1{font-size:1.5rem}.supplier-page .supplier-stats-inline{flex-direction:column;gap:.75rem;align-items:center}.supplier-page .leave-review-btn-inline{margin-left:0;width:100%;max-width:200px}.supplier-page .supplier-products-section h2{font-size:1.5rem}.supplier-page .products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.supplier-page .review-card{flex-direction:column}.supplier-page .review-product-img,.supplier-page .review-product-fallback{width:100%;height:150px;border-radius:12px 12px 0 0}.supplier-page .reviews-stats{flex-direction:column;gap:1rem;align-items:center}}@media(max-width:600px){.supplier-page .review-rating{display:none}.supplier-page .review-rating-digits{display:inline-flex!important;align-items:center;justify-content:center;min-width:45px;flex-shrink:0}.supplier-page .review-card{padding:0;gap:0;border-radius:12px;overflow:hidden}.supplier-page .review-content{padding:1rem;width:100%}.supplier-page .review-header{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center;flex-direction:row;gap:.75rem;margin-bottom:.75rem;width:100%}.supplier-page .reviewer-info{display:flex;align-items:center;gap:.5rem;flex-shrink:1;min-width:0;max-width:calc(100% - 60px)}.supplier-page .reviewer-avatar-small{width:32px;height:32px;flex-shrink:0;border-radius:50%}.supplier-page .reviewer-name{font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.supplier-page .review-rating-digits{font-weight:700;padding:4px 10px;border-radius:20px;font-size:.85rem;flex-shrink:0;white-space:nowrap}.supplier-page .review-rating-digits.rating-high{color:#10b981;background:#e6f7ec}.supplier-page .review-rating-digits.rating-low{color:#ef4444;background:#fee2e2}.supplier-page .review-comment{font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.supplier-page .review-actions{margin-top:.5rem}.supplier-page .like,.supplier-page .ignore{font-size:.8rem}.supplier-page .reviews-stats{flex-direction:row;justify-content:center;gap:1rem}.supplier-page .stat-good,.supplier-page .stat-bad{padding:.375rem .75rem;font-size:.85rem}}@media(max-width:480px){.supplier-page{padding:1rem}.supplier-page .products-grid,.supplier-page .action-buttons.compact{grid-template-columns:1fr}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1.1rem}.auth-page{min-height:calc(100vh - 80px);display:flex;align-items:stretch;background:#f8fafc}.auth-split{display:flex;width:100%;max-width:1000px;margin:auto;border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 32px 80px #00000024;min-height:600px}.auth-panel{width:340px;flex-shrink:0;background:linear-gradient(155deg,#1b5e20,#2e7d32 45%,#388e3c);color:#fff;position:relative;overflow:hidden}.auth-panel:before{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:#ffffff12;pointer-events:none}.auth-panel:after{content:"";position:absolute;bottom:-100px;left:-60px;width:320px;height:320px;border-radius:50%;background:#ffffff0a;pointer-events:none}.auth-panel__inner{position:relative;z-index:1;padding:3rem 2.25rem;display:flex;flex-direction:column;height:100%;gap:2rem}.auth-panel__logo{display:flex;align-items:center;gap:.625rem;font-size:1.35rem;font-weight:800;letter-spacing:-.3px}.auth-panel__logo svg{opacity:.92}.auth-panel__headline h2{font-size:1.6rem;font-weight:800;line-height:1.3;margin-bottom:.625rem;letter-spacing:-.4px}.auth-panel__headline p{font-size:.9rem;opacity:.72;line-height:1.6}.auth-benefits{list-style:none;display:flex;flex-direction:column;gap:1.125rem;flex:1}.auth-benefits li{display:flex;align-items:center;gap:.875rem;font-size:.88rem;font-weight:600}.auth-benefit__icon{width:34px;height:34px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(4px)}.auth-panel__badge{display:inline-flex;align-items:center;padding:.45rem 1rem;background:#ffffff21;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.8rem;font-weight:600;width:fit-content}.auth-form-side{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem}.auth-form-wrap{width:100%;max-width:380px;animation:auth-in .4s cubic-bezier(.34,1.2,.64,1)}@keyframes auth-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form-header{margin-bottom:1.75rem;text-align:center}.auth-form-header h1{font-size:1.65rem;font-weight:800;color:#1e293b;letter-spacing:-.4px;margin-bottom:.35rem}.auth-form-header p{font-size:.875rem;color:#64748b}.auth-verify-icon{width:72px;height:72px;border-radius:50%;background:#e8f5e9;color:#2e7d32;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.25rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#1e293b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 1px 4px #0000000f}.auth-google-btn:hover{border-color:#4285f4;background:#f8fbff;box-shadow:0 4px 14px #4285f426;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:.875rem;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:.78rem;color:#94a3b8;font-weight:600;white-space:nowrap}.auth-tabs{display:flex;gap:.375rem;background:#f1f5f9;padding:.25rem;border-radius:12px;margin-bottom:1.375rem}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .875rem;border-radius:9px;border:none;background:transparent;color:#64748b;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit}.auth-tab--active{background:#fff;color:#2e7d32;box-shadow:0 2px 8px #00000014}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:.75rem 1rem;font-size:.84rem;font-weight:500;margin-bottom:1.125rem;animation:auth-shake .35s ease}@keyframes auth-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-form{display:flex;flex-direction:column;gap:1.125rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.82rem;font-weight:600;color:#475569}.auth-field__labelrow{display:flex;justify-content:space-between;align-items:center}.auth-forgot{font-size:.8rem;color:#4caf50;font-weight:600;text-decoration:none;transition:color .18s}.auth-forgot:hover{color:#2e7d32;text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.875rem;color:#94a3b8;pointer-events:none;flex-shrink:0}.auth-input-wrap input{width:100%;padding:.75rem .875rem .75rem 2.75rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:#f8fafc;transition:all .2s ease;outline:none;font-family:inherit}.auth-input-wrap input::placeholder{color:#94a3b8}.auth-input-wrap input:hover{border-color:#cbd5e1;background:#fff}.auth-input-wrap input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501f}.auth-input-wrap input:disabled{opacity:.55;cursor:not-allowed}.auth-eye{position:absolute;right:.875rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:0;transition:color .18s}.auth-eye:hover{color:#475569}.auth-code-input{width:100%;padding:1rem!important;border:1.5px solid #e2e8f0;border-radius:12px;font-size:1.75rem!important;font-weight:800!important;letter-spacing:.5rem!important;text-align:center!important;color:#1e293b!important;background:#f8fafc!important;outline:none;font-family:monospace!important;transition:all .2s ease}.auth-code-input:focus{border-color:#4caf50!important;background:#fff!important;box-shadow:0 0 0 3px #4caf501f!important}.auth-strength{display:flex;align-items:center;gap:.625rem;margin-top:.375rem}.auth-strength__bars{display:flex;gap:4px}.auth-strength__bar{width:32px;height:4px;border-radius:999px;transition:background .3s ease}.auth-strength span{font-size:.75rem;font-weight:700}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;border-radius:12px;border:none;background:#4caf50;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 16px #4caf5052;margin-top:.25rem}.auth-submit:hover:not(:disabled){background:#388e3c;transform:translateY(-1px);box-shadow:0 6px 22px #4caf506b}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.auth-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite;flex-shrink:0}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-switch{text-align:center;font-size:.875rem;color:#64748b;margin-top:1.25rem}.auth-switch a{color:#4caf50;font-weight:700;text-decoration:none;transition:color .18s}.auth-switch a:hover{color:#2e7d32;text-decoration:underline}.auth-switch-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.625rem;border:none;background:none;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;margin-top:1rem;font-family:inherit;transition:color .18s}.auth-switch-btn:hover{color:#1e293b}.auth-back-link{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1.25rem;color:#64748b;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .18s}.auth-back-link:hover{color:#1e293b}.auth-success-state{text-align:center;padding:1rem 0}.auth-success-icon{width:88px;height:88px;border-radius:50%;background:#dcfce7;color:#16a34a;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.auth-success-state h1{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.75rem}.auth-success-state p{font-size:.9rem;color:#64748b;line-height:1.65}@media(max-width:820px){.auth-page{padding:1rem;align-items:flex-start}.auth-split{flex-direction:column;max-width:480px;min-height:auto;border-radius:22px;margin:1rem auto}.auth-panel{width:100%;flex-shrink:0}.auth-panel__inner{flex-direction:row;flex-wrap:wrap;padding:1.25rem 1.5rem;gap:.875rem;align-items:center}.auth-panel__logo{width:100%}.auth-panel__headline{display:none}.auth-benefits{flex-direction:row;flex:none;gap:.625rem}.auth-benefits li span{display:none}.auth-benefit__icon{width:30px;height:30px;border-radius:8px}.auth-panel__badge{display:none}.auth-form-side{padding:1.75rem 1.5rem 2rem}.auth-form-wrap{max-width:100%}}@media(max-width:480px){.auth-page{padding:0;align-items:flex-end}.auth-split{border-radius:22px 22px 0 0;margin:0;min-height:90vh}.auth-form-side{padding:1.5rem 1.25rem 2.5rem}.auth-form-header h1{font-size:1.4rem}.auth-strength__bar{width:26px}.auth-tabs .auth-tab{font-size:.8rem;padding:.5rem .625rem}}.auth-page .auth-container{background:#fff;width:100%;max-width:460px;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px #4caf5026;border:1px solid #e2e8f0}.auth-page .auth-container h1{font-size:2rem;font-weight:800;color:#4caf50;text-align:center;margin-bottom:.75rem}.auth-page .subtitle{text-align:center;font-size:.95rem;color:#64748b;margin-bottom:2rem}.auth-page .form-group{margin-bottom:1.25rem}.auth-page .form-group label{display:block;font-weight:600;color:#475569;font-size:.875rem;margin-bottom:.4rem}.auth-page .form-group input{width:100%;padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:#f8fafc;transition:all .2s;outline:none;font-family:inherit}.auth-page .form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f;background:#fff}.auth-page .big-primary-button{width:100%;padding:.875rem;background:#4caf50;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.25rem}.auth-page .big-primary-button:hover:not(:disabled){background:#388e3c;transform:translateY(-1px)}.auth-page .big-primary-button:disabled{opacity:.55;cursor:not-allowed}.auth-page .error-message{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:.75rem 1rem;font-size:.84rem;margin-bottom:1rem;text-align:center}.auth-page .auth-footer{text-align:center;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.auth-page .auth-footer a{color:#4caf50;font-weight:700;text-decoration:none}.auth-page .auth-footer a:hover{color:#2e7d32;text-decoration:underline}.bsm-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:bsm-fade-in .25s ease}@keyframes bsm-fade-in{0%{opacity:0}to{opacity:1}}.bsm-modal{display:flex;width:100%;max-width:880px;max-height:92vh;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 32px 64px #00000038;animation:bsm-pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes bsm-pop-in{0%{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.bsm-panel{width:310px;flex-shrink:0;background:linear-gradient(160deg,#2e7d32,#1b5e20 60%,#0d3b10);color:#fff;position:relative;overflow:hidden}.bsm-panel:before{content:"";position:absolute;top:-60px;right:-60px;width:230px;height:230px;border-radius:50%;background:#ffffff0f;pointer-events:none}.bsm-panel:after{content:"";position:absolute;bottom:-80px;left:-50px;width:290px;height:290px;border-radius:50%;background:#ffffff0a;pointer-events:none}.bsm-panel__inner{position:relative;z-index:1;padding:2.5rem 2rem;display:flex;flex-direction:column;height:100%;gap:2rem}.bsm-panel__logo{display:flex;align-items:center;gap:.625rem;font-size:1.3rem;font-weight:800;letter-spacing:-.3px}.bsm-panel__logo svg{opacity:.9}.bsm-panel__headline h2{font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:.6rem;letter-spacing:-.4px}.bsm-panel__headline p{font-size:.875rem;opacity:.72;line-height:1.55}.bsm-benefits{list-style:none;display:flex;flex-direction:column;gap:1.25rem;flex:1}.bsm-benefit{display:flex;align-items:flex-start;gap:.875rem}.bsm-benefit__icon{width:36px;height:36px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;backdrop-filter:blur(4px)}.bsm-benefit div{display:flex;flex-direction:column;gap:.2rem}.bsm-benefit strong{font-size:.9rem;font-weight:700}.bsm-benefit span{font-size:.8rem;opacity:.68;line-height:1.4}.bsm-panel__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.8rem;font-weight:600;backdrop-filter:blur(4px);width:fit-content}.bsm-form-side{flex:1;background:#fff;display:flex;flex-direction:column;position:relative;overflow-y:auto}.bsm-close{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.bsm-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.bsm-form-header{padding:2rem 2rem 0}.bsm-form-header h3{font-size:1.35rem;font-weight:800;color:#1e293b;margin-bottom:.4rem;letter-spacing:-.3px}.bsm-form-header p{font-size:.875rem;color:#64748b;line-height:1.5}.bsm-form-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.125rem;flex:1}.bsm-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.bsm-field{display:flex;flex-direction:column;gap:.4rem}.bsm-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#475569}.bsm-label svg{color:#4caf50;flex-shrink:0}.bsm-required{color:#ef4444;margin-left:1px}.bsm-input{width:100%;padding:.7rem .9rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:#f8fafc;transition:all .2s ease;outline:none;font-family:inherit}.bsm-input::placeholder{color:#94a3b8}.bsm-input:hover{border-color:#cbd5e1;background:#fff}.bsm-input:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501f}.bsm-textarea{resize:vertical;min-height:76px;line-height:1.5}.bsm-form-footer{padding:1.25rem 2rem 2rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-top:1px solid #f1f5f9}.bsm-btn-cancel{padding:.7rem 1.25rem;border-radius:10px;border:1.5px solid #e2e8f0;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.bsm-btn-cancel:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.bsm-btn-submit{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:10px;border:none;background:#4caf50;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #4caf504d}.bsm-btn-submit:hover:not(:disabled){background:#388e3c;transform:translateY(-1px);box-shadow:0 6px 20px #4caf5066}.bsm-btn-submit:active:not(:disabled){transform:translateY(0)}.bsm-btn-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.bsm-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bsm-spin .7s linear infinite;flex-shrink:0}@keyframes bsm-spin{to{transform:rotate(360deg)}}.bsm-toast{position:fixed;top:5.5rem;right:1.5rem;display:flex;align-items:center;gap:.625rem;padding:.875rem 1.25rem;border-radius:14px;font-size:.875rem;font-weight:600;z-index:3000;box-shadow:0 8px 32px #00000026;animation:bsm-slide-in .35s cubic-bezier(.34,1.56,.64,1);max-width:380px;font-family:inherit}@keyframes bsm-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.bsm-toast--success{background:#10b981;color:#fff}.bsm-toast--error{background:#ef4444;color:#fff}.bsm-toast__close{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:.25rem;flex-shrink:0;transition:background .2s}.bsm-toast__close:hover{background:#ffffff59}@media(max-width:800px){.bsm-panel{width:260px}.bsm-panel__inner{padding:2rem 1.5rem}.bsm-benefit span,.bsm-panel__headline p{display:none}}@media(max-width:640px){.bsm-overlay{padding:0;align-items:flex-end}.bsm-modal{flex-direction:column;border-radius:24px 24px 0 0;max-height:96vh;animation:bsm-slide-up .35s cubic-bezier(.34,1.2,.64,1)}@keyframes bsm-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bsm-panel{width:100%;flex-shrink:0}.bsm-panel__inner{flex-direction:row;align-items:center;padding:1.125rem 1.25rem;gap:1rem;height:auto}.bsm-panel__logo{font-size:1.1rem}.bsm-panel__headline,.bsm-benefits,.bsm-panel__badge{display:none}.bsm-close{position:static;background:#ffffff26;color:#fff;margin-left:auto;flex-shrink:0}.bsm-close:hover{background:#ffffff40;color:#fff;transform:rotate(90deg)}.bsm-form-header{padding:1.5rem 1.25rem 0}.bsm-form-header h3{font-size:1.2rem}.bsm-form-body{padding:1.25rem;gap:1rem}.bsm-row{grid-template-columns:1fr;gap:1rem}.bsm-form-footer{padding:1rem 1.25rem 1.5rem;flex-direction:column-reverse;gap:.625rem}.bsm-btn-cancel,.bsm-btn-submit{width:100%;justify-content:center;padding:.875rem;font-size:.95rem}.bsm-toast{top:auto;bottom:1rem;left:1rem;right:1rem;max-width:none}}@media(max-width:380px){.bsm-modal{max-height:100vh;border-radius:0}}.cab-page{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 6rem;min-height:calc(100vh - 80px);animation:cab-fade-in .35s ease}@keyframes cab-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cab-hero{background:#fff;border-radius:24px;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 24px #4caf5012}.cab-hero__banner{height:120px;background:linear-gradient(135deg,#1b5e20,#2e7d32 40%,#43a047 75%,#66bb6a);position:relative;overflow:hidden}.cab-hero__banner:before{content:"";position:absolute;top:-50px;right:-70px;width:240px;height:240px;border-radius:50%;background:#ffffff12}.cab-hero__banner:after{content:"";position:absolute;bottom:-60px;left:60px;width:180px;height:180px;border-radius:50%;background:#ffffff0d}.cab-hero__body{display:flex;align-items:flex-end;gap:1.75rem;padding:0 2.5rem 2rem;flex-wrap:wrap}.cab-avatar-wrap{position:relative;margin-top:-52px;flex-shrink:0}.cab-avatar{width:104px;height:104px;border-radius:50%;border:4px solid #fff;overflow:hidden;background:linear-gradient(135deg,#4caf50,#2196f3);box-shadow:0 8px 24px #00000021;position:relative}.cab-avatar__img{width:100%;height:100%;object-fit:cover}.cab-avatar__initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff}.cab-avatar__upload{position:absolute;bottom:3px;right:3px;width:30px;height:30px;border-radius:50%;border:2.5px solid #fff;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4caf5066}.cab-avatar__upload:hover:not(:disabled){background:#388e3c;transform:scale(1.1)}.cab-avatar__upload:disabled{opacity:.6;cursor:not-allowed}.cab-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cab-spin .7s linear infinite;display:block}@keyframes cab-spin{to{transform:rotate(360deg)}}.cab-hero__info{flex:1;min-width:0;padding-top:.5rem}.cab-hero__name-row{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;margin-bottom:.35rem}.cab-hero__name{font-size:1.8rem;font-weight:800;color:#1e293b;letter-spacing:-.5px;line-height:1.2}.cab-hero__email{font-size:.9rem;color:#64748b}.cab-role-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.1px;white-space:nowrap}.role--supplier{background:#e8f5e9;color:#2e7d32}.role--buyer{background:#e3f2fd;color:#1565c0}.role--moderator{background:#fff3e0;color:#e65100}.role--akimat{background:#f3e5f5;color:#6a1b9a}.role--admin{background:#fce4ec;color:#880e4f}.cab-logout{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;border:1.5px solid #e2e8f0;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto;align-self:flex-end;font-family:inherit;white-space:nowrap}.cab-logout:hover{border-color:#fca5a5;background:#fef2f2;color:#ef4444}.cab-content{display:flex;flex-direction:column;gap:1.5rem}.cab-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cab-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem 1.75rem;display:flex;align-items:center;gap:1.125rem;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 2px 12px #0000000a;cursor:default}.cab-stat-card[href],.cab-stat-card--clickable{cursor:pointer}.cab-stat-card[href]:hover,.cab-stat-card--clickable:hover{border-color:#4caf50;box-shadow:0 6px 28px #4caf5021;transform:translateY(-2px)}.cab-stat__icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cab-stat__icon--green{background:#e8f5e9;color:#2e7d32}.cab-stat__icon--blue{background:#e3f2fd;color:#1565c0}.cab-stat__icon--amber{background:#fff8e1;color:#d97706}.cab-stat__icon--orange{background:#fff3e0;color:#e65100}.cab-stat__body{flex:1;min-width:0}.cab-stat__value{font-size:2rem;font-weight:900;color:#1e293b;line-height:1;letter-spacing:-.5px}.cab-stat__label{font-size:.825rem;color:#64748b;margin-top:.25rem;font-weight:500}.cab-stat__arrow{color:#cbd5e1;flex-shrink:0;transition:transform .2s,color .2s}.cab-stat-card[href]:hover .cab-stat__arrow,.cab-stat-card--clickable:hover .cab-stat__arrow{color:#4caf50;transform:translate(3px)}.cab-section-title{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.9px;margin-bottom:.875rem}.cab-action-list{display:flex;flex-direction:column;gap:.625rem}.cab-action-item{display:flex;align-items:center;gap:1.125rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;color:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000008;width:100%;text-align:left;font-family:inherit}.cab-action-item:hover{border-color:#4caf50;box-shadow:0 6px 28px #4caf501c;transform:translate(4px)}.cab-action-item--become{border-style:dashed;border-color:#a7f3d0;background:#f0fdf4}.cab-action-item--become:hover{border-style:solid;border-color:#4caf50;background:#fff}.cab-action__icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cab-action__icon--green{background:#e8f5e9;color:#2e7d32}.cab-action__icon--amber{background:#fff8e1;color:#d97706}.cab-action__icon--blue{background:#e3f2fd;color:#1565c0}.cab-action__icon--orange{background:#fff3e0;color:#e65100}.cab-action__icon--gray{background:#f1f5f9;color:#475569}.cab-action__icon--teal{background:#e0f2fe;color:#0369a1}.cab-action__body{flex:1;min-width:0}.cab-action__title{font-size:.975rem;font-weight:700;color:#1e293b;margin-bottom:.2rem}.cab-action__desc{font-size:.825rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cab-action__arrow{color:#cbd5e1;flex-shrink:0;transition:transform .2s,color .2s}.cab-action-item:hover .cab-action__arrow{color:#4caf50;transform:translate(3px)}@media(max-width:900px){.cab-page{padding:2rem 1.5rem 5rem}.cab-hero__name{font-size:1.55rem}}@media(max-width:640px){.cab-page{padding:0 0 5rem}.cab-hero{border-radius:0;border-left:none;border-right:none;border-top:none}.cab-hero__banner{height:90px}.cab-hero__body{padding:0 1.25rem 1.5rem;gap:.875rem;flex-wrap:wrap}.cab-avatar-wrap{margin-top:-44px}.cab-avatar{width:88px;height:88px}.cab-avatar__initials{font-size:2rem}.cab-hero__name-row{gap:.5rem}.cab-hero__name{font-size:1.3rem}.cab-hero__email{font-size:.82rem}.cab-logout{margin-left:0;width:100%;justify-content:center;order:10}.cab-content{padding:1rem 1rem 0;gap:1.125rem}.cab-stats{grid-template-columns:1fr 1fr;gap:.75rem}.cab-stat-card{padding:1.125rem 1rem;gap:.875rem;border-radius:16px}.cab-stat__icon{width:42px;height:42px;border-radius:11px}.cab-stat__value{font-size:1.625rem}.cab-stat__label{font-size:.775rem}.cab-stat__arrow{display:none}.cab-action-item{padding:1rem 1.125rem;gap:.875rem;border-radius:14px}.cab-action__icon{width:40px;height:40px;border-radius:11px}.cab-action__title{font-size:.9rem}.cab-action__desc{font-size:.775rem}}@media(max-width:400px){.cab-stats{grid-template-columns:1fr}.cab-stat__arrow{display:block}}.w-16{width:4rem}.h-16{height:4rem}.rounded-lg{border-radius:12px}.space-y-5>*+*{margin-top:1.25rem}:root{--bg: #f9fcfb;--surface: #ffffff;--primary: #4caf50;--primary-dark: #388e3c;--primary-soft: #e8f5e9;--primary-transparent: rgba(76, 175, 80, .1);--secondary: #2196f3;--secondary-dark: #1976d2;--accent: #ef4444;--accent-soft: #fee2e2;--warning: #f59e0b;--success: #10b981;--text-main: #1e293b;--text-soft: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 6px 20px rgba(76, 175, 80, .08);--shadow: 0 12px 32px rgba(76, 175, 80, .12);--shadow-lg: 0 20px 60px rgba(76, 175, 80, .15);--radius-sm: 8px;--radius: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-pill: 999px;--radius-card: 20px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.product-selector-modal{background:var(--surface);width:90%;max-width:820px;max-height:92vh;overflow-y:auto;border-radius:24px;box-shadow:var(--shadow);position:relative;padding:32px}.step-content{padding:12px 0}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{width:44px;height:44px;border-radius:50%;background:var(--primary-soft);border:none;font-size:1.4rem;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s}.back-btn:hover{background:var(--primary);color:#fff;transform:scale(1.08)}h3{margin:0;font-size:1.6rem;font-weight:800;color:var(--primary)}.step-description{color:var(--text-soft);margin-bottom:28px;font-size:1.08rem;line-height:1.5}.categories-grid,.subcategories-grid,.product-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-bottom:36px}.category-card,.subcategory-card,.product-type-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 20px;text-align:center;cursor:pointer;font-size:1.18rem;font-weight:700;color:var(--text-main);transition:all .28s ease;box-shadow:var(--shadow-sm)}.category-card:hover,.subcategory-card:hover,.product-type-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.category-card:active,.subcategory-card:active,.product-type-card:active{transform:scale(.97)}.new-category-section{display:flex;gap:14px;margin:28px 0 36px}.new-category-section input{flex:1;height:54px;padding:0 20px;border:2px solid var(--border);border-radius:16px;font-size:1.05rem;transition:all .25s}.new-category-section input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.add-btn{width:54px;height:54px;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all .25s}.add-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.modal-footer{display:flex;justify-content:center;margin-top:32px}.cancel-btn{padding:12px 36px;background:#e2e8f0;color:#475569;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .22s}.cancel-btn:hover{background:#cbd5e0}.continue-btn{padding:14px 48px;background:var(--primary);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .25s ease;min-width:180px;box-shadow:var(--shadow-sm)}.continue-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.continue-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:60px 20px;grid-column:1 / -1}.empty-icon{font-size:4.5rem;margin-bottom:20px;color:var(--primary-soft)}.empty-state p{color:var(--text-soft);font-size:1.15rem}.loading{text-align:center;padding:60px;color:var(--text-soft);font-size:1.15rem;grid-column:1 / -1}.error-message{color:var(--accent);background:#fef2f2;border:1px solid #fecaca;padding:14px 20px;border-radius:12px;margin-bottom:24px;text-align:center}.form-group{margin-bottom:28px}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-soft);font-size:1rem}.form-group select,.form-group input{width:100%;height:54px;padding:0 16px;border:2px solid var(--border);border-radius:14px;font-size:1.05rem;background:var(--surface);transition:all .25s}.form-group select:focus,.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.my-products-page{padding:4rem 5% 6rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.page-header{text-align:center;margin-bottom:4rem}.page-header h1{font-size:3rem;color:var(--primary);font-weight:900;margin-bottom:.5rem;line-height:1.2}.page-header p{font-size:1.2rem;color:var(--text-soft)}.products-container{width:100%}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:40px}.product-card{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid var(--border);transition:var(--transition);display:flex;flex-direction:column;height:100%;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.product-card.status-pending{border-color:var(--warning);background:#f59e0b0d}.product-card.status-approved{border-color:var(--success);background:#10b9810d}.product-card.status-rejected{border-color:var(--accent);background:#ef44440d}.product-image-wrapper{position:relative;width:100%;height:220px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.08)}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-soft) 0%,#e8f5e9 100%);color:var(--primary);font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;backdrop-filter:blur(10px);z-index:10;box-shadow:0 2px 8px #00000026}.status-badge.status-pending{background:#f59e0bf2;color:#fff}.status-badge.status-approved{background:#10b981f2;color:#fff}.status-badge.status-rejected{background:#ef4444f2;color:#fff}.product-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;gap:12px}.product-content h3{font-size:1.2rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.address{font-size:.85rem;color:var(--text-soft);margin:0;display:flex;align-items:flex-start;gap:4px}.price-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.price-tag{font-size:1.5rem;font-weight:900;color:var(--primary-dark);letter-spacing:-.5px}.unit-type{font-size:.8rem;color:var(--text-soft);font-weight:500}.quantity-info{font-size:.85rem;color:var(--text-soft);margin:0;background:var(--border-light);padding:4px 10px;border-radius:var(--radius-pill);display:inline-block;width:fit-content}.quantity-info strong{color:var(--text-main);font-weight:700}.rejection-reason{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);padding:12px;color:var(--accent-dark);font-size:.85rem}.rejection-reason strong{display:block;margin-bottom:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.rejection-reason p{margin:0;line-height:1.4}.attributes-list{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--border-light);border-radius:var(--radius);margin-top:auto}.attribute-badge{background:#fff;color:var(--text-main);padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;border:1px solid var(--border);transition:var(--transition)}.attribute-badge:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.no-attributes{color:var(--text-light);font-size:.8rem;font-style:italic;width:100%;text-align:center;padding:4px 0}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.edit-btn,.delete-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:var(--radius);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition);border:none;width:100%;min-height:40px;white-space:nowrap}.edit-btn{background:var(--primary-soft);color:var(--primary-dark);border:1px solid var(--primary)}.edit-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.delete-btn{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.delete-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.edit-moderation-notice{text-align:center;font-size:.85rem;color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius);padding:8px 16px;margin-bottom:8px;margin-top:-8px}.add-product-btn{position:fixed;bottom:3rem;right:3rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:var(--radius-pill);font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #4caf5059;cursor:pointer;transition:var(--transition-slow);z-index:1000}.add-product-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #4caf5080}.add-product-btn:before{content:"+";font-size:1.5rem;font-weight:900}.empty-state{text-align:center;padding:6rem 2rem;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:2px dashed var(--border);grid-column:1 / -1}.empty-icon{font-size:6rem;margin-bottom:2rem;display:inline-block;animation:bounce 2s infinite}.empty-state h3{font-size:2rem;color:var(--text-main);margin-bottom:.5rem}.empty-state p{font-size:1.1rem;color:var(--text-soft)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);animation:fadeIn .3s;padding:2rem}.modal-content{background:var(--surface);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);position:relative;padding:40px;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}.modal-content.product-modal{max-width:1100px;width:95%}.modal-content h2{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:1.5rem;text-align:center}.modal-close{position:absolute;top:20px;right:20px;background:var(--border-light);border:none;width:44px;height:44px;border-radius:50%;font-size:2rem;color:var(--text-soft);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:var(--accent-soft);color:var(--accent);transform:rotate(90deg)}.modal-form-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;margin-top:24px}.address-from-profile{border-color:#14b8a6!important;background-color:#f0fdfa!important}.address-hint{display:block;font-size:12px;color:#14b8a6;margin-top:4px;font-weight:500}.image-section{display:flex;flex-direction:column;gap:16px}.image-upload{width:100%;aspect-ratio:1;border:3px dashed var(--border);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;transition:var(--transition);background:var(--border-light);display:flex;align-items:center;justify-content:center}.image-upload:hover{border-color:var(--primary);background:var(--primary-soft)}.preview-img{width:100%;height:100%;object-fit:cover}.upload-placeholder{color:var(--text-soft);font-size:.95rem;text-align:center;padding:20px}.form-fields{display:flex;flex-direction:column;gap:20px}.product-selector-section{margin-bottom:16px}.product-selector-btn{width:100%;padding:16px 20px;background:var(--primary-soft);border:2px solid var(--primary);border-radius:var(--radius);color:var(--primary-dark);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);text-align:left}.product-selector-btn:hover{background:var(--primary);color:#fff}.attributes-section{background:var(--border-light);padding:24px;border-radius:var(--radius-lg);margin-bottom:16px}.section-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:16px}.attribute-group{margin-bottom:16px}.attribute-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-main);font-size:.95rem}.required-star{color:var(--accent);font-weight:900}.attribute-group input,.attribute-group select,.attribute-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:#fff}.attribute-group input:focus,.attribute-group select:focus,.attribute-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-transparent)}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:var(--text-main);font-size:.95rem}.input-group input,.input-group textarea,.input-group select{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background:#fff}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-transparent)}.input-group textarea{resize:vertical;min-height:100px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.submit-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:16px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4caf504d}.select-with-add{display:flex;flex-direction:column;gap:8px}.add-new-value{display:flex;gap:8px}.add-new-value input{flex:1;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius);font-size:.9rem}.add-new-value button{width:44px;height:44px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1.5rem;cursor:pointer;transition:var(--transition)}.add-new-value button:hover{background:var(--primary-dark);transform:scale(1.05)}.multiselect-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:2px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);font-size:.9rem}.checkbox-label:hover{border-color:var(--primary);background:var(--primary-soft)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.quantity-control{margin:12px 0 16px;width:100%;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:10px}.quantity-label{font-size:.95rem;color:var(--text-soft);font-weight:500;margin-bottom:6px}.quantity-editor{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8fafc;padding:8px 12px;border-radius:12px;border:1px solid #e2e8f0;width:100%;max-width:340px;margin:0 auto;flex-wrap:nowrap}.qty-btn{width:38px;height:38px;min-width:38px;border-radius:50%;border:none;font-size:1.5rem;line-height:1;font-weight:700;cursor:pointer;background:var(--primary-soft);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0}.qty-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:scale(1.12)}.qty-btn:disabled{opacity:.4;cursor:not-allowed;background:#e5e7eb}.qty-input-wrapper{display:flex;align-items:center;gap:8px;justify-content:center;flex:1}.qty-input{width:130px;height:38px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;padding:0 8px;font-size:1.18rem;font-weight:700;background:#fff;color:var(--text-main);transition:border-color .2s,box-shadow .2s}.qty-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4caf5026}.unit{font-size:1.05rem;font-weight:600;color:var(--text-main);white-space:nowrap}.quantity-editor.changed{background:#fefce8;border-color:#facc15}.apply-qty-btn{margin-top:10px;width:100%;max-width:340px;margin-left:auto;margin-right:auto;padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:.97rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b98140}.apply-qty-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}@media(min-width:481px)and (max-width:768px){.quantity-editor{justify-content:flex-start;margin:0;max-width:280px}.qty-input-wrapper{justify-content:center}.qty-btn{width:36px;height:36px;font-size:1.4rem}.qty-input{width:110px;height:36px;font-size:1.1rem}.unit{font-size:1rem}}@media(max-width:480px){.quantity-editor{gap:8px;padding:6px 10px;max-width:100%}.qty-btn{width:34px;height:34px;font-size:1.35rem}.qty-input{width:90px;font-size:1.1rem;height:34px}.unit{font-size:.98rem}.qty-input-wrapper{min-width:120px}.apply-qty-btn{padding:9px 20px;font-size:.94rem}}@media(max-width:1200px){.my-products-page{padding:3rem 3% 5rem}.page-header h1{font-size:2.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:992px){.modal-form-layout{grid-template-columns:1fr}.image-section{max-width:400px;margin:0 auto}}@media(max-width:768px){.my-products-page{padding:2rem 1.5rem 4rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.products-grid{grid-template-columns:1fr;gap:16px}.product-image-wrapper{height:180px}.product-content h3{font-size:1.1rem}.price-tag{font-size:1.3rem}.card-actions{grid-template-columns:1fr}.add-product-btn{bottom:1.5rem;right:1.5rem;padding:1rem 2rem;font-size:1rem}.modal-content{padding:24px;max-height:95vh}.modal-content.product-modal{max-width:100%;padding:20px}.modal-content h2{font-size:1.5rem}.empty-state{padding:4rem 1.5rem}.empty-icon{font-size:4rem}.empty-state h3{font-size:1.5rem}.input-row{grid-template-columns:1fr}.quantity-control{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:10px}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.page-header h1{font-size:1.75rem}.product-content{padding:16px}.attributes-list{padding:8px}.attribute-badge{font-size:.7rem;padding:4px 8px}.add-product-btn{width:calc(100% - 3rem);left:1.5rem;right:1.5rem;justify-content:center}}.text-sm{font-size:.9rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.flex-1{flex:1}.w-12{width:3rem}.h-6{height:1.5rem}.object-cover{object-fit:cover}.shadow-md{box-shadow:0 10px 25px #0000001a}.bg-primary-soft{background:var(--primary-soft)}.bg-accent-soft{background:var(--accent-soft)}.bg-gray-200{background:#e5e7eb}.text-gray-500{color:var(--text-light)}.text-gray-700{color:var(--text-soft)}.text-green-700{color:#15803d}.text-green-600{color:#16a34a}.transition-colors{transition:color .2s}.transition-all{transition:all .2s}.hover\:text-green-600:hover{color:#16a34a}.wl-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 5rem;min-height:calc(100vh - 80px);font-family:"Nunito",var(--font, sans-serif)}.wl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.wl-header-left{display:flex;align-items:center;gap:.875rem}.wl-header-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#fff0f3,#ffe4ea);border:1.5px solid #ffd6df;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff4d6d26;flex-shrink:0}.wl-header-left h1{font-size:1.85rem;font-weight:900;color:var(--text-main);margin:0;letter-spacing:-.5px;line-height:1.1}.wl-subtitle{font-size:.85rem;color:var(--text-soft);font-weight:500;display:block;margin-top:2px}.wl-clear-btn{background:none;border:1.5px solid var(--border);color:var(--text-soft);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;padding:.55rem 1.1rem;border-radius:100px;transition:all .18s ease;white-space:nowrap}.wl-clear-btn:hover{border-color:#ff4d6d;color:#ff4d6d;background:#ff4d6d0f}.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.wl-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s ease,border-color .2s ease;position:relative}.wl-card:hover{box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a;border-color:var(--primary)}.wl-card--oos{opacity:.72}.wl-card-img-wrap{position:relative;width:100%;height:185px;background:linear-gradient(135deg,#f5f7fa,#eef1f5);overflow:hidden;flex-shrink:0}.wl-card-img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.wl-card:hover .wl-card-img{transform:scale(1.06)}.wl-oos-badge{position:absolute;bottom:10px;left:10px;background:#141414b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:100px;display:flex;align-items:center;gap:5px;letter-spacing:.2px}.wl-quick-remove{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffffeb;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,77,109,.25);color:#ff4d6d;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0000001f;transition:background .15s,transform .15s}.wl-quick-remove:hover{background:#ff4d6d;color:#fff;transform:scale(1.1)}.wl-card-body{padding:1rem 1.1rem .25rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.wl-supplier{display:flex;align-items:center;gap:7px;cursor:pointer;padding:4px 8px;margin:-4px -8px 4px;border-radius:8px;transition:background .14s;width:fit-content}.wl-supplier:hover{background:var(--primary-soft)}.wl-supplier-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--primary-dark, #2e7d32));display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;flex-shrink:0;border:1.5px solid white;box-shadow:0 1px 4px #0000001f}.wl-supplier-avatar img{width:100%;height:100%;object-fit:cover}.wl-supplier-name{font-size:.78rem;font-weight:700;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.wl-supplier:hover .wl-supplier-name{color:var(--primary-dark, #2e7d32)}.wl-card-name{font-size:.97rem;font-weight:800;color:var(--text-main);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wl-card-addr{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--text-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wl-card-addr svg{flex-shrink:0;color:var(--primary)}.wl-card-desc{font-size:.8rem;color:var(--text-soft);line-height:1.5;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wl-card-price{font-size:1.5rem;font-weight:900;color:var(--primary-dark, #2e7d32);margin-top:6px;letter-spacing:-.5px;line-height:1}.wl-currency{font-size:1.1rem;font-weight:700}.wl-stock{font-size:.74rem;color:var(--primary);font-weight:600;margin-top:2px}.wl-card-footer{display:flex;gap:8px;padding:.875rem 1.1rem 1rem;margin-top:auto;border-top:1px solid var(--border)}.wl-map-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.6rem 1rem;background:var(--primary-soft);color:var(--primary-dark, #2e7d32);border:1.5px solid var(--primary);border-radius:10px;font-size:.83rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .16s ease;white-space:nowrap}.wl-map-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px #4caf5047}.wl-remove-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff4d6d14;color:#e8305a;border:1.5px solid rgba(255,77,109,.25);border-radius:10px;cursor:pointer;flex-shrink:0;transition:all .16s ease}.wl-remove-btn:hover{background:#ff4d6d;color:#fff;border-color:#ff4d6d;transform:translateY(-1px);box-shadow:0 5px 14px #ff4d6d4d}.wl-empty-wrap{min-height:calc(80vh - 80px);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}.wl-empty-card{text-align:center;max-width:420px;width:100%;padding:3rem 2.5rem;background:var(--surface);border-radius:28px;border:1px solid var(--border);box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008;display:flex;flex-direction:column;align-items:center;gap:.75rem}.wl-empty-icon-ring{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#fff0f3,#ffe4ea);border:2px solid #ffd6df;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;box-shadow:0 0 0 8px #ff4d6d0f,0 8px 24px #ff4d6d1f;animation:wl-pulse 3s ease-in-out infinite}@keyframes wl-pulse{0%,to{box-shadow:0 0 0 8px #ff4d6d0f,0 8px 24px #ff4d6d1f}50%{box-shadow:0 0 0 14px #ff4d6d08,0 8px 24px #ff4d6d2e}}.wl-empty-card h2{font-size:1.5rem;font-weight:900;color:var(--text-main);margin:0;letter-spacing:-.3px}.wl-empty-card p{font-size:.92rem;color:var(--text-soft);line-height:1.6;margin:0;max-width:300px}.wl-cta-btn{display:flex;align-items:center;gap:7px;margin-top:.5rem;padding:.78rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark, #2e7d32) 100%);color:#fff;border:none;border-radius:100px;font-size:.97rem;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 6px 20px #4caf5052;transition:all .18s ease}.wl-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4caf506b}.wl-spinner{color:var(--primary);animation:wl-spin .9s linear infinite;margin-bottom:.5rem}@keyframes wl-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.wl-page{padding:1.5rem 1rem 4rem}.wl-header-left h1{font-size:1.5rem}.wl-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.wl-card-img-wrap{height:155px}.wl-card-price{font-size:1.3rem}.wl-empty-card{padding:2.5rem 1.75rem}}@media(max-width:520px){.wl-page{padding:1rem .75rem 3rem}.wl-header-left h1{font-size:1.35rem}.wl-header-icon{width:42px;height:42px;border-radius:12px}.wl-grid{grid-template-columns:1fr 1fr;gap:.75rem}.wl-card-img-wrap{height:130px}.wl-card-body{padding:.75rem .875rem .2rem;gap:.25rem}.wl-card-name{font-size:.875rem}.wl-card-price{font-size:1.15rem;margin-top:4px}.wl-card-footer{padding:.65rem .875rem .75rem;gap:6px}.wl-map-btn{font-size:.76rem;padding:.5rem .6rem}.wl-remove-btn{width:36px;height:36px}.wl-supplier-name{max-width:110px}.wl-empty-card{padding:2rem 1.25rem;border-radius:20px}.wl-empty-card h2{font-size:1.25rem}.wl-empty-icon-ring{width:72px;height:72px}}@media(max-width:340px){.wl-grid{grid-template-columns:1fr}.wl-card-img-wrap{height:160px}}:root{--c-bg: #f8fafc;--c-white: #ffffff;--c-border: #e2e8f0;--c-border-h: #cbd5e1;--c-ink: #1e293b;--c-ink-2: #334155;--c-muted: #64748b;--c-subtle: #94a3b8;--c-light: #f1f5f9;--c-green: #4caf50;--c-green-dark: #388e3c;--c-green-soft: #e8f5e9;--c-green-mid: rgba(76, 175, 80, .12);--c-green-ring: rgba(76, 175, 80, .22);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 0 0 1px var(--c-border);--shadow-md: 0 4px 16px rgba(76,175,80,.08), 0 0 0 1px var(--c-border);--shadow-lg: 0 12px 40px rgba(76,175,80,.12), 0 0 0 1px var(--c-border-h)}.isp-page{min-height:100vh;background:var(--c-bg);font-family:Inter,system-ui,sans-serif;color:var(--c-ink);padding:3rem 0 6rem}.isp-wrap{width:80%;max-width:1140px;margin:0 auto}.isp-hero{display:grid;grid-template-columns:1fr 260px;gap:2.5rem;align-items:center;background:var(--c-white);border-radius:var(--r-2xl);border:1px solid var(--c-border);padding:2.5rem 2.5rem 2.5rem 2.8rem;margin-bottom:1.75rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.isp-hero:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--c-green);border-radius:var(--r-2xl) 0 0 var(--r-2xl)}.isp-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;background:var(--c-green-soft);border:1px solid rgba(76,175,80,.25);border-radius:999px;color:var(--c-green-dark);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;width:fit-content}.isp-kicker__dot{width:6px;height:6px;background:var(--c-green);border-radius:50%;animation:isp-pulse 2.5s ease-in-out infinite}@keyframes isp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.isp-hero__title{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--c-ink);margin:0 0 .9rem}.isp-hero__title span{color:var(--c-green)}.isp-hero__desc{color:var(--c-muted);font-size:.93rem;line-height:1.72;margin:0 0 1.75rem;max-width:460px}.isp-hero__desc strong{color:var(--c-ink-2);font-weight:600}.isp-hero__stats{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.isp-stat{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--c-light);border:1px solid var(--c-border);border-radius:var(--r-md)}.isp-stat__num{font-size:1.6rem;font-weight:800;color:var(--c-green);line-height:1}.isp-stat__label{font-size:.62rem;font-weight:700;color:var(--c-subtle);letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.isp-orbit-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.isp-orbit{position:relative;width:220px;height:220px;flex-shrink:0}.isp-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.isp-ring--1{width:220px;height:220px;border:2px solid #c8e6c9}.isp-ring--2{width:162px;height:162px;border:2px dashed #a5d6a7;animation:isp-spin 22s linear infinite}.isp-ring--3{width:108px;height:108px;border:2px solid #c8e6c9}@keyframes isp-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes isp-arm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes isp-arm-counter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.isp-orbit__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:var(--c-green-soft);border:1.5px solid rgba(76,175,80,.3);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;color:var(--c-green)}.isp-orbit__dots{position:absolute;width:0;height:0;top:50%;left:50%}.isp-orbit__arm{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0}.isp-orbit__dot{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--c-white);border:2px solid var(--c-green);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;line-height:1;color:var(--c-green-dark);box-shadow:0 2px 10px #4caf5038;animation:isp-arm-counter var(--dot-dur, 13s) linear infinite}.isp-orbit__dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(76,175,80,.28);animation:isp-pulse 2.4s ease-in-out infinite}.isp-orbit__dot--pure{width:12px;height:12px;background:var(--c-green);border:2.5px solid var(--c-white);box-shadow:0 2px 8px #4caf5080;font-size:0;animation:none}.isp-orbit__dot--pure:after{inset:-4px;border-color:#4caf5080}.isp-clear-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;margin-top:1.1rem;width:fit-content;background:transparent;border:1.5px solid var(--c-border);border-radius:999px;color:var(--c-muted);font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.isp-clear-btn:hover{background:#fee2e2;border-color:#ef444459;color:#dc2626}.isp-divider{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem}.isp-divider__line{flex:1;height:1px;background:var(--c-border)}.isp-divider__label{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-subtle);white-space:nowrap}.isp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.75rem}.isp-card{background:var(--c-white);border-radius:var(--r-xl);border:1px solid var(--c-border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s,transform .22s;opacity:0;transform:translateY(14px);animation:isp-card-in .4s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay, 0s)}@keyframes isp-card-in{to{opacity:1;transform:none}}.isp-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.isp-card__stripe{height:3px;background:var(--c-border);transition:background .22s}.isp-card:hover .isp-card__stripe{background:var(--c-green)}.isp-card__body{padding:1.25rem 1.25rem .8rem;flex:1}.isp-card__row{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:.8rem}.isp-avatar{position:relative;flex-shrink:0;width:50px;height:50px}.isp-avatar img,.isp-avatar__fb{width:50px;height:50px;border-radius:14px;object-fit:cover}.isp-avatar__fb{display:flex;align-items:center;justify-content:center;background:var(--c-green-soft);border:1.5px solid rgba(76,175,80,.25);color:var(--c-green-dark);font-size:1.25rem;font-weight:800}.isp-avatar__x{position:absolute;inset:0;border-radius:14px;background:#4caf5014;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.isp-card:hover .isp-avatar__x{opacity:1}.isp-avatar__x span{position:absolute;width:55%;height:2px;background:var(--c-green);border-radius:2px}.isp-avatar__x span:first-child{transform:rotate(-45deg)}.isp-avatar__x span:last-child{transform:rotate(45deg)}.isp-card__meta{flex:1;min-width:0}.isp-card__name{font-size:.95rem;font-weight:700;color:var(--c-ink);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.isp-card__stars{display:flex;align-items:center;gap:2px}.isp-card__stars span{font-size:.78rem;color:var(--c-border)}.isp-card__stars span.on{color:#e8a000}.isp-card__rval{font-size:.75rem;font-weight:700;color:var(--c-muted);margin-left:5px}.isp-card__date{font-size:.64rem;font-weight:600;color:var(--c-subtle);background:var(--c-light);border:1px solid var(--c-border);border-radius:6px;padding:3px 9px;white-space:nowrap;align-self:flex-start}.isp-card__desc{font-size:.82rem;color:var(--c-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.isp-card__foot{padding:.85rem 1.25rem;background:var(--c-light);border-top:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.isp-card__status{display:flex;align-items:center;gap:6px;font-size:.71rem;font-weight:600;color:var(--c-muted)}.isp-card__status-dot{width:6px;height:6px;background:var(--c-subtle);border-radius:50%;flex-shrink:0}.isp-restore-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--c-white);border:1.5px solid var(--c-border);border-radius:8px;color:var(--c-muted);font-family:Inter,sans-serif;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.isp-restore-btn:hover:not(:disabled){background:var(--c-green-soft);border-color:#4caf5066;color:var(--c-green-dark)}.isp-restore-btn:disabled{opacity:.4;cursor:not-allowed}.isp-spin{animation:isp-rotate .7s linear infinite}@keyframes isp-rotate{to{transform:rotate(360deg)}}.isp-infobar{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem 1.6rem;background:var(--c-white);border:1px solid var(--c-border);border-left:3px solid var(--c-green);border-radius:var(--r-xl)}.isp-infobar__icon{color:var(--c-green);flex-shrink:0;margin-top:1px}.isp-infobar__text{font-size:.85rem;color:var(--c-muted);line-height:1.65}.isp-infobar__text strong{color:var(--c-ink);font-weight:700;display:block;margin-bottom:2px;font-size:.88rem}.isp-empty{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-2xl);padding:5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.isp-empty__orbit{position:relative;width:120px;height:120px;margin-bottom:2rem}.isp-empty__ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.isp-empty__ring--1{width:120px;height:120px;border:1px dashed var(--c-border)}.isp-empty__ring--2{width:84px;height:84px;background:var(--c-green-soft);border:1.5px solid rgba(76,175,80,.2)}.isp-empty__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--c-green)}.isp-empty__title{font-size:1.45rem;font-weight:800;letter-spacing:-.025em;color:var(--c-ink);margin:0 0 .6rem}.isp-empty__sub{color:var(--c-muted);font-size:.9rem;line-height:1.7;margin:0 0 1.75rem;max-width:380px}.isp-empty__hint{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;background:var(--c-green-soft);border:1px solid rgba(76,175,80,.2);border-radius:10px;color:var(--c-green-dark);font-size:.8rem;font-weight:600}.isp-loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--c-bg)}.isp-loading__ring{width:44px;height:44px;position:relative}.isp-loading__ring div{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--c-green);animation:isp-rotate linear infinite}.isp-loading__ring div:nth-child(1){animation-duration:.9s}.isp-loading__ring div:nth-child(2){animation-duration:1.5s;opacity:.5;inset:5px}.isp-loading__ring div:nth-child(3){animation-duration:2.2s;opacity:.25;inset:10px}.isp-loading p{font-size:.87rem;font-weight:500;color:var(--c-muted)}.isp-toast{position:fixed;bottom:2rem;right:2rem;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:1rem 1.2rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px var(--c-border);display:flex;align-items:center;gap:.9rem;z-index:9999;max-width:360px;animation:isp-toast-in .36s cubic-bezier(.34,1.5,.64,1)}@keyframes isp-toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.isp-toast:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--c-green);border-radius:var(--r-xl) var(--r-xl) 0 0}.isp-toast__icon{width:38px;height:38px;background:var(--c-green-soft);border:1px solid rgba(76,175,80,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--c-green);flex-shrink:0}.isp-toast__body{flex:1}.isp-toast__name{font-size:.85rem;font-weight:700;color:var(--c-ink);margin:0 0 2px}.isp-toast__hint{font-size:.74rem;color:var(--c-muted);margin:0}.isp-toast__btns{display:flex;align-items:center;gap:6px}.isp-toast__link{padding:6px 13px;background:var(--c-green);color:#fff;border:none;border-radius:7px;font-size:.76rem;font-weight:700;cursor:pointer;transition:background .16s}.isp-toast__link:hover{background:var(--c-green-dark)}.isp-toast__x{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--c-light);border:1px solid var(--c-border);border-radius:7px;color:var(--c-muted);cursor:pointer;transition:all .16s}.isp-toast__x:hover{color:var(--c-ink);background:var(--c-border)}@media(max-width:1024px){.isp-wrap{width:90%}}@media(max-width:860px){.isp-wrap{width:94%}.isp-hero{grid-template-columns:1fr;gap:2rem;padding:2rem}.isp-orbit-wrap{flex-direction:column;align-items:center;width:100%}}@media(max-width:680px){.isp-page{padding:1.5rem 0 4rem}.isp-hero{padding:1.5rem;gap:1.5rem}.isp-hero__title{font-size:1.85rem}.isp-hero__desc{font-size:.88rem}.isp-grid{grid-template-columns:1fr;gap:.85rem}.isp-toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}@media(max-width:480px){.isp-hero{padding:1.25rem;gap:1.25rem}.isp-hero__title{font-size:1.6rem}.isp-hero__desc{font-size:.84rem;line-height:1.62}.isp-hero__stats{gap:.6rem}.isp-stat{padding:8px 12px}.isp-stat__num{font-size:1.35rem}.isp-card__foot{flex-direction:column;align-items:stretch;gap:.7rem}.isp-restore-btn{justify-content:center}.isp-infobar{flex-direction:column;gap:.5rem}.isp-clear-btn{font-size:.73rem;padding:7px 13px}}.admin-analytics{padding:3rem 1.5rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.page-title{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.page-subtitle{display:flex;align-items:center;gap:.5rem;color:var(--text-soft);font-size:1.1rem}.time-range-selector{display:flex;gap:.5rem;background:var(--border-light);padding:.25rem;border-radius:var(--radius)}.time-range-btn{padding:.75rem 1.25rem;border:none;background:none;border-radius:calc(var(--radius) - 2px);font-weight:600;cursor:pointer;transition:var(--transition);color:var(--text-soft);font-size:.95rem}.time-range-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card-analytics{background:#fff;border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;align-items:center;gap:1.5rem;transition:var(--transition)}.stat-card-analytics:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.stat-icon-wrapper{width:56px;height:56px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-blue-100{background:#3b82f61a}.bg-green-100{background:#10b9811a}.bg-purple-100{background:#8b5cf61a}.bg-yellow-100{background:#f59e0b1a}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-purple-600{color:#7c3aed}.text-yellow-600{color:#d97706}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:800;color:var(--text-main);line-height:1;margin-bottom:.25rem}.stat-label{color:var(--text-soft);font-size:.9rem;margin-bottom:.5rem}.stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--accent)}.analytics-section{background:#fff;border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-main)}.view-all-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:gap .2s;font-size:.95rem}.view-all-btn:hover{gap:.5rem}.suppliers-table{background:var(--border-light);border-radius:var(--radius);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background:var(--primary-soft);padding:1rem 1.5rem;font-weight:600;color:var(--primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#fff;transition:var(--transition)}.table-row:hover{background:var(--primary-soft)}.table-cell{display:flex;align-items:center}.supplier-cell{display:flex;align-items:center;gap:.75rem}.rank-badge{width:32px;height:32px;background:var(--primary-soft);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0}.likes-dislikes{display:flex;gap:1rem}.like-count,.dislike-count{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-pill);font-weight:600;font-size:.9rem}.like-count{background:#10b9811a;color:var(--success)}.dislike-count{background:#ef44441a;color:var(--accent)}.rating-display{display:flex;align-items:center;gap:.25rem;font-weight:700}.products-grid-analytics{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-analytics-card{background:var(--border-light);border-radius:var(--radius-xl);padding:1.5rem;border:1px solid var(--border);transition:var(--transition)}.product-analytics-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.product-name{font-weight:700;font-size:1.1rem;color:var(--text-main);flex:1;margin-right:1rem}.product-price{font-weight:800;color:var(--accent);font-size:1.2rem;white-space:nowrap}.product-analytics-body{display:flex;flex-direction:column;gap:.75rem}.product-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-soft);font-size:.9rem}.product-supplier{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.9rem}.chart-container{background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}.chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding:0 1.5rem;gap:1.5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.chart-bar{width:40px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:var(--radius) var(--radius) 0 0;transition:height .3s;position:relative;cursor:pointer}.chart-bar:hover{opacity:.9}.chart-bar-tooltip{position:absolute;top:-45px;background:var(--text-main);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);z-index:10}.chart-bar-wrapper:hover .chart-bar-tooltip{opacity:1;visibility:visible;transform:translateY(-5px)}.chart-bar-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-main)}.chart-label{margin-top:.5rem;font-size:.85rem;color:var(--text-soft);text-transform:uppercase;font-weight:600}.ignore-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.ignore-toast{background:#fff;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 12px 40px #00000026;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;max-width:420px;min-width:320px}.toast-icon{width:44px;height:44px;background:#fef2f2;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:#1e293b;font-size:.95rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-message{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.toast-actions{display:flex;gap:.5rem;flex-shrink:0}.toast-view-btn{padding:.5rem 1rem;background:#14b8a6;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.toast-view-btn:hover{background:#0d9488;transform:translateY(-1px)}.toast-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close-btn:hover{background:#f1f5f9;color:#475569}@media(max-width:640px){.ignore-toast-container{bottom:1rem;right:1rem;left:1rem}.ignore-toast{max-width:none;min-width:auto;flex-wrap:wrap}.toast-content{flex-basis:100%;margin-bottom:.75rem}.toast-actions{width:100%;justify-content:flex-end}}.mr3-page{width:80%;max-width:1200px;margin:0 auto;padding:2rem 0 6rem;min-height:calc(100vh - 80px)}@keyframes mr3-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mr3-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.mr3-spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#4caf50;border-radius:50%;animation:mr3-spin .8s linear infinite}@keyframes mr3-spin{to{transform:rotate(360deg)}}.mr3-banner{background:linear-gradient(135deg,#1b5e20,#2e7d32 45%,#388e3c);border-radius:24px;padding:2rem 2.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;overflow:hidden;animation:mr3-in .4s ease}.mr3-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:#ffffff0f;pointer-events:none}.mr3-banner:after{content:"";position:absolute;bottom:-80px;left:30%;width:200px;height:200px;border-radius:50%;background:#ffffff0a;pointer-events:none}.mr3-banner__left{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1}.mr3-back{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;backdrop-filter:blur(4px)}.mr3-back:hover{background:#fff3;transform:translate(-2px)}.mr3-banner__title{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.2;margin:0}.mr3-banner__sub{font-size:.85rem;color:#ffffffb3;margin-top:.2rem}.mr3-banner__stats{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;flex-shrink:0}.mr3-kpi{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:.875rem 1.25rem;min-width:72px;backdrop-filter:blur(8px)}.mr3-kpi__val{font-size:1.75rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}.mr3-kpi__lbl{font-size:.7rem;color:#ffffffa6;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mr3-kpi--ring{min-width:80px}.mr3-ring{width:52px;height:52px;transform:rotate(-90deg)}.mr3-ring text{transform:rotate(90deg) translate(-36px)}.mr3-stars{display:flex;gap:2px}.mr3-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:6rem 2rem;text-align:center;animation:mr3-in .4s ease}.mr3-empty__circle{width:96px;height:96px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.mr3-empty h2{font-size:1.4rem;font-weight:800;color:#1e293b}.mr3-empty p{font-size:.9rem;color:#64748b;max-width:320px;line-height:1.6}.mr3-body{animation:mr3-in .4s ease .1s both}.mr3-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.mr3-tabs{display:flex;gap:.5rem;background:#f1f5f9;padding:.3rem;border-radius:14px}.mr3-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.125rem;border-radius:10px;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.mr3-tab:hover{background:#ffffffb3;color:#1e293b}.mr3-tab--pos{background:#fff;color:#2e7d32;box-shadow:0 2px 8px #00000014}.mr3-tab--neg{background:#fff;color:#b91c1c;box-shadow:0 2px 8px #00000014}.mr3-tab__badge{font-size:.72rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;line-height:1.4}.mr3-tab__badge--pos{background:#dcfce7;color:#15803d}.mr3-tab__badge--neg{background:#fee2e2;color:#b91c1c}.mr3-sort{padding:.6rem 2.25rem .6rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;outline:none;font-family:inherit;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center}.mr3-sort:focus{border-color:#4caf50}.mr3-col-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;text-align:center;color:#94a3b8}.mr3-col-empty p{font-size:.9rem;font-weight:500}.mr3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.mr3-grid__item{animation:mr3-in .35s ease both}.mr3-card{background:#fff;border-radius:18px;padding:1.375rem 1.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000a;transition:all .22s ease;display:flex;flex-direction:column;gap:.875rem;height:100%}.mr3-card:hover{box-shadow:0 10px 32px #0000001a;transform:translateY(-3px)}.mr3-card--pos{border-top:3px solid #4caf50}.mr3-card--neg{border-top:3px solid #ef4444}.mr3-card--pos:hover{border-color:#4caf50}.mr3-card--neg:hover{border-color:#ef4444}.mr3-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.mr3-card__user{display:flex;align-items:center;gap:.75rem}.mr3-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #f1f5f9}.mr3-avatar--initials{border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0}.mr3-card__userinfo{display:flex;flex-direction:column;gap:.1rem}.mr3-card__name{font-size:.9rem;font-weight:700;color:#1e293b}.mr3-card__date{font-size:.75rem;color:#94a3b8}.mr3-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.mr3-card__verdict{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.mr3-card__verdict--pos{background:#dcfce7;color:#15803d}.mr3-card__verdict--neg{background:#fee2e2;color:#b91c1c}.mr3-card__comment{font-size:.875rem;color:#374151;line-height:1.65;font-style:italic;border-left:3px solid #e2e8f0;padding-left:.875rem;margin:0}.mr3-card--pos .mr3-card__comment{border-left-color:#bbf7d0}.mr3-card--neg .mr3-card__comment{border-left-color:#fecaca}.mr3-card__product{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:auto}.mr3-card__product-img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e2e8f0}.mr3-card__product-placeholder{width:38px;height:38px;border-radius:8px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.mr3-card__product span{font-size:.8rem;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.mr3-page{width:92%}}@media(max-width:860px){.mr3-page{width:100%;padding:1.5rem 1.25rem 5rem}.mr3-banner{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1.25rem}.mr3-banner__stats{width:100%;justify-content:flex-start;gap:.875rem;flex-wrap:wrap}.mr3-kpi{padding:.75rem 1rem;min-width:64px}.mr3-kpi__val{font-size:1.5rem}.mr3-ring{width:46px;height:46px}.mr3-grid{grid-template-columns:1fr}}@media(max-width:540px){.mr3-banner{border-radius:16px;padding:1.25rem}.mr3-banner__title{font-size:1.4rem}.mr3-controls{flex-direction:column;align-items:stretch}.mr3-tabs{justify-content:stretch}.mr3-tab{flex:1;justify-content:center}.mr3-sort{width:100%}.mr3-card{padding:1.125rem;border-radius:14px}.mr3-card__top{flex-direction:column;gap:.625rem}.mr3-card__meta{flex-direction:row;align-items:center}}@media(max-width:380px){.mr3-banner__stats{gap:.625rem}.mr3-kpi{padding:.625rem .75rem;min-width:56px}.mr3-kpi__val{font-size:1.3rem}}.admin-analytics-page{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - var(--header-height))}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.page-header p{color:var(--text-soft);font-size:1rem}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.admin-section{background:var(--surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.75rem}.section-title h3{font-size:1.1rem;font-weight:700;color:var(--text-main)}.add-btn{width:36px;height:36px;border-radius:var(--radius);background:var(--primary);color:#fff;border:none;font-size:1.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.add-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.users-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.user-card{background:var(--bg);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:var(--transition);border:1px solid var(--border-light)}.user-card:hover{border-color:var(--primary)}.user-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-info h4{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.user-info p{font-size:.8rem;color:var(--text-soft);margin:.25rem 0 0}.user-card-footer{display:flex;justify-content:space-between;align-items:center}.role-badge{font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-pill);text-transform:uppercase}.role-moderator{background:var(--primary-soft);color:var(--primary-dark)}.role-akimat{background:var(--secondary);color:#fff}.role-supplier{background:var(--warning);color:var(--text-main)}.role-admin{background:var(--accent);color:#fff}.last-login{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-soft)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.pagination button{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:var(--transition)}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.activities-section{background:var(--surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.activities-section .section-title{margin-bottom:1rem}.activities-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg);border-radius:var(--radius);transition:var(--transition)}.activity-item:hover{background:var(--primary-soft)}.activity-item.small{padding:.5rem;font-size:.85rem;justify-content:space-between}.activity-icon{font-size:1.5rem}.activity-content{flex:1}.activity-action{font-weight:600;color:var(--text-main);margin:0;font-size:.9rem}.activity-user{font-size:.8rem;color:var(--text-soft);margin:.25rem 0 0}.activity-time{font-size:.75rem;color:var(--text-light);white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content.admin-modal{background:var(--surface);border-radius:var(--radius-2xl);padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--text-soft);transition:var(--transition)}.modal-close:hover{color:var(--text-main)}.modal-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main)}.modal-content h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--text-main)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.submit-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);margin-top:1rem}.submit-btn:hover{background:var(--primary-dark)}.user-details{background:var(--bg);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-light);font-size:.9rem}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-soft)}.user-activities{background:var(--bg);border-radius:var(--radius);padding:1rem;max-height:200px;overflow-y:auto}.no-activities{color:var(--text-soft);font-size:.9rem;text-align:center;padding:1rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-modal .modal-actions .edit-btn,.admin-modal .modal-actions .delete-btn{padding:.75rem 1rem;min-height:44px;border-radius:var(--radius);font-size:1rem;font-weight:600}.admin-modal .modal-actions .edit-btn{background:var(--primary-soft);color:var(--primary-dark);border:2px solid var(--primary)}.admin-modal .modal-actions .edit-btn:hover{background:var(--primary);color:#fff}.admin-modal .modal-actions .delete-btn{background:var(--accent-soft);color:var(--accent);border:2px solid var(--accent)}.admin-modal .modal-actions .delete-btn:hover{background:var(--accent);color:#fff}@media(max-width:1024px){.admin-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-analytics-page{padding:1rem}.modal-content.admin-modal{padding:1.5rem}.modal-actions{flex-direction:column}}.moderator-dashboard-page{padding:4rem 5% 6rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.moderator-dashboard-page .page-header{text-align:center;margin-bottom:3rem}.moderator-dashboard-page .page-header h1{font-size:2.5rem;color:var(--primary);font-weight:900;margin-bottom:.5rem;line-height:1.2}.moderator-dashboard-page .page-header p{font-size:1.1rem;color:var(--text-soft)}.toast-notification{position:fixed;top:100px;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;z-index:3000;box-shadow:var(--shadow-lg);animation:slideInRight .3s ease;max-width:400px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-notification.success{background:var(--success);color:#fff}.toast-notification.error{background:var(--accent);color:#fff}.toast-notification.info{background:var(--secondary);color:#fff}.toast-notification .toast-close{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.toast-notification .toast-close:hover{opacity:1}@media(max-width:768px){.toast-notification{top:80px;right:1rem;left:1rem;max-width:none}}.moderator-dashboard-page .filter-tabs{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:center;flex-wrap:wrap}.moderator-dashboard-page .filter-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);color:var(--text-soft);box-shadow:var(--shadow-sm)}.moderator-dashboard-page .filter-tab:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.moderator-dashboard-page .filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 15px #4caf504d}.moderator-dashboard-page .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:40px}.moderator-dashboard-page .product-card{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.moderator-dashboard-page .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.moderator-dashboard-page .product-card.pending{border-color:var(--warning);background:#f59e0b0d}.moderator-dashboard-page .product-card.approved{border-color:var(--success);background:#10b9810d}.moderator-dashboard-page .product-card.rejected{border-color:var(--accent);background:#ef44440d}.moderator-dashboard-page .product-image-wrapper{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:hidden}.moderator-dashboard-page .product-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.moderator-dashboard-page .product-card:hover .product-image-wrapper img{transform:scale(1.08)}.moderator-dashboard-page .product-image-wrapper .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:var(--text-light);background:var(--border-light)}.moderator-dashboard-page .status-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;backdrop-filter:blur(10px);z-index:10;box-shadow:0 2px 8px #00000026}.moderator-dashboard-page .status-badge.pending{background:#f59e0bf2;color:#fff}.moderator-dashboard-page .status-badge.approved{background:#10b981f2;color:#fff}.moderator-dashboard-page .status-badge.rejected{background:#ef4444f2;color:#fff}.moderator-dashboard-page .product-info{padding:20px;flex-grow:1;display:flex;flex-direction:column;gap:10px}.moderator-dashboard-page .product-info h3{font-size:1.2rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.moderator-dashboard-page .supplier-name{font-size:.9rem;color:var(--text-soft);margin:0}.moderator-dashboard-page .company-name{font-weight:600;color:var(--primary)}.moderator-dashboard-page .address,.moderator-dashboard-page .price,.moderator-dashboard-page .category,.moderator-dashboard-page .created-at{font-size:.85rem;color:var(--text-soft);margin:0}.moderator-dashboard-page .price{font-size:1.1rem;font-weight:700;color:var(--primary-dark)}.moderator-dashboard-page .rejection-reason{display:flex;align-items:flex-start;gap:.5rem;padding:12px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-dark);font-size:.85rem;margin:8px 0}.moderator-dashboard-page .rejection-reason span{flex:1}.moderator-dashboard-page .card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.moderator-dashboard-page .view-btn,.moderator-dashboard-page .approve-btn,.moderator-dashboard-page .reject-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 14px;border-radius:var(--radius);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition);border:none}.moderator-dashboard-page .view-btn{background:var(--border-light);color:var(--text-main)}.moderator-dashboard-page .view-btn:hover{background:var(--primary-soft);color:var(--primary)}.moderator-dashboard-page .approve-btn{background:var(--success);color:#fff}.moderator-dashboard-page .approve-btn:hover{background:#059669;transform:translateY(-2px)}.moderator-dashboard-page .reject-btn{background:var(--accent-soft);color:var(--accent);border:2px solid var(--accent)}.moderator-dashboard-page .reject-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.moderator-dashboard-page .pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important;margin-top:3rem!important;margin-bottom:2rem!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;flex-wrap:nowrap!important}.moderator-dashboard-page .pagination button{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.875rem 1.5rem!important;min-width:120px!important;background:var(--surface)!important;border:2px solid var(--border)!important;border-radius:var(--radius-pill)!important;font-weight:600!important;font-size:.95rem!important;color:var(--text-main)!important;cursor:pointer!important;transition:var(--transition)!important;box-shadow:var(--shadow-sm)!important;white-space:nowrap!important;text-align:center!important;line-height:1!important}.moderator-dashboard-page .pagination button:hover:not(:disabled){border-color:var(--primary)!important;color:var(--primary)!important;background:var(--primary-soft)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow)!important}.moderator-dashboard-page .pagination button:disabled{opacity:.5!important;cursor:not-allowed!important;background:var(--border-light)!important;border-color:var(--border)!important}.moderator-dashboard-page .pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;font-weight:700!important;color:var(--primary-dark)!important;padding:.75rem 1.5rem!important;min-width:80px!important;background:var(--primary-soft)!important;border-radius:var(--radius-pill)!important;text-align:center!important;white-space:nowrap!important}.moderator-dashboard-page .empty-state{grid-column:1 / -1;text-align:center;padding:6rem 2rem;background:var(--surface);border-radius:var(--radius-2xl);border:2px dashed var(--border);box-shadow:var(--shadow-sm)}.moderator-dashboard-page .empty-icon{font-size:5rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.moderator-dashboard-page .empty-state h3{font-size:1.75rem;color:var(--text-main);margin-bottom:.5rem}.moderator-dashboard-page .empty-state p{color:var(--text-soft);font-size:1rem}.moderator-dashboard-page .content-selector{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.moderator-dashboard-page .content-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);color:var(--text-soft);box-shadow:var(--shadow-sm)}.moderator-dashboard-page .content-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.moderator-dashboard-page .content-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 15px #4caf504d}.moderator-dashboard-page .phone,.moderator-dashboard-page .email,.moderator-dashboard-page .description{font-size:.85rem;color:var(--text-soft);margin:0}.moderator-dashboard-page .description{margin-top:8px;padding:8px;background:var(--bg);border-radius:var(--radius);font-style:italic}@media(max-width:768px){.moderator-dashboard-page .content-selector{flex-direction:column;gap:.75rem}.moderator-dashboard-page .content-btn{width:100%;justify-content:center}}.moderator-dashboard-page .modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);animation:fadeIn .3s;padding:2rem}.moderator-dashboard-page .modal-content{background:var(--surface);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-2xl);padding:2.5rem;position:relative;box-shadow:var(--shadow-lg);animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.moderator-dashboard-page .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--border-light);border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;color:var(--text-soft);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.moderator-dashboard-page .modal-close:hover{background:var(--accent-soft);color:var(--accent);transform:rotate(90deg)}.moderator-dashboard-page .modal-content h2{font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-main)}.moderator-dashboard-page .product-detail{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.moderator-dashboard-page .detail-image{width:100%;border-radius:var(--radius-xl);object-fit:cover;aspect-ratio:1}.moderator-dashboard-page .detail-info p{margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.moderator-dashboard-page .detail-info strong{color:var(--text-main)}.moderator-dashboard-page .reject-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-dark);margin-bottom:1.5rem;font-size:.9rem}.moderator-dashboard-page .form-group{margin-bottom:1.5rem}.moderator-dashboard-page .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-main);font-size:.95rem}.moderator-dashboard-page .form-group textarea{width:100%;padding:1rem;border:2px solid var(--border);border-radius:var(--radius);font-size:1rem;resize:vertical;transition:var(--transition)}.moderator-dashboard-page .form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.moderator-dashboard-page .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.moderator-dashboard-page .cancel-btn{padding:1rem;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);color:var(--text-main)}.moderator-dashboard-page .cancel-btn:hover{border-color:var(--text-soft);background:var(--border-light)}@media(max-width:1024px){.moderator-dashboard-page .products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.moderator-dashboard-page{padding:2rem 1.5rem 4rem}.moderator-dashboard-page .page-header h1{font-size:1.75rem}.moderator-dashboard-page .page-header p{font-size:.95rem}.moderator-dashboard-page .filter-tabs{flex-direction:column;gap:.75rem}.moderator-dashboard-page .filter-tab{width:100%;justify-content:center}.moderator-dashboard-page .products-grid{grid-template-columns:1fr;gap:16px}.moderator-dashboard-page .product-detail{grid-template-columns:1fr;gap:1.5rem}.moderator-dashboard-page .modal-content{padding:1.5rem;max-height:95vh}.moderator-dashboard-page .modal-actions{grid-template-columns:1fr}.moderator-dashboard-page .pagination{flex-direction:column!important;gap:1rem!important;padding:1.5rem!important}.moderator-dashboard-page .pagination button{width:100%!important;justify-content:center!important}}@media(max-width:480px){.moderator-dashboard-page .page-header h1{font-size:1.5rem}.moderator-dashboard-page .product-image-wrapper{height:180px}.moderator-dashboard-page .card-actions{grid-template-columns:1fr}}:root{--bg-main: #f0f4f8;--panel-bg: #ffffff;--text-dark: #0f172a;--text-gray: #64748b;--border-light: #e2e8f0;--primary-blue: #16a34a;--primary-blue-light: #dcfce7;--success-green: #10b981;--success-green-light: #ecfdf5;--accent-orange: #f59e0b;--accent-orange-light: #fffbeb;--accent-purple: #8b5cf6;--accent-purple-light: #f5f3ff;--danger-red: #ef4444;--danger-red-light: #fef2f2;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .04);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes growBar{0%{height:0;opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeInUp .5s ease forwards;opacity:0}.animate-slide-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-modal-in{animation:modalIn .3s cubic-bezier(.16,1,.3,1) forwards}.akimat-dashboard{max-width:1440px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-dark);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1.25rem}.main-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .4rem;color:var(--text-dark)}.sub-title{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:1rem;margin:0}.modern-tabs{display:flex;background:var(--panel-bg);padding:.3rem;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.tab-btn{padding:.55rem 1.1rem;border:none;background:transparent;color:var(--text-gray);font-weight:600;font-size:.9rem;border-radius:8px;cursor:pointer;transition:var(--transition)}.tab-btn:hover{color:var(--text-dark)}.tab-btn.active{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #16a34a59}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.75rem}.kpi-card{background:var(--panel-bg);border-radius:var(--radius-xl);padding:1.4rem;display:flex;align-items:center;gap:1.1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.kpi-icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-box.blue{background:var(--primary-blue-light);color:var(--primary-blue)}.kpi-icon-box.purple{background:var(--accent-purple-light);color:var(--accent-purple)}.kpi-icon-box.orange{background:var(--accent-orange-light);color:var(--accent-orange)}.kpi-icon-box.green{background:var(--success-green-light);color:var(--success-green)}.kpi-label{color:var(--text-gray);font-size:.85rem;font-weight:500;display:block;margin-bottom:.2rem}.kpi-value{font-size:1.5rem;font-weight:800;margin:0;line-height:1;letter-spacing:-.02em}.kpi-delta{display:inline-block;margin-top:.3rem;font-size:.78rem;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-light);padding:.15rem .5rem;border-radius:20px}.kpi-delta-warn{color:#d97706;background:#fef3c7}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.dashboard-bottom-grid{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem}.dashboard-panel{background:var(--panel-bg);border-radius:var(--radius-xl);padding:1.6rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.panel-header{margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--border-light)}.panel-title{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;margin:0;color:var(--text-dark)}.flex-between{display:flex;justify-content:space-between;align-items:center}.chart-total-badge{font-size:.8rem;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-light);padding:.2rem .6rem;border-radius:6px}.chart-outer-wrap{width:100%;overflow:visible}.chart-scroll-container{width:100%;overflow-x:auto;overflow-y:visible;padding-top:5rem;padding-bottom:.5rem;scrollbar-width:none}.chart-scroll-container::-webkit-scrollbar{display:none}.modern-bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:110px;gap:8px;overflow:visible}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.bar-track{width:100%;max-width:40px;height:100%;background:#dcfce7;border-radius:6px 6px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill-wrap{width:100%;border-radius:6px 6px 0 0;overflow:hidden;transform-origin:bottom}.bar-fill{width:100%;height:100%;background:linear-gradient(to top,#16a34a,#4ade80);border-radius:6px 6px 0 0;transform-origin:bottom;transform:scaleY(0);animation:growBar .8s cubic-bezier(.16,1,.3,1) forwards;transition:filter .15s}.bar-fill:hover{filter:brightness(1.12);cursor:pointer}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-x-label{margin-top:.5rem;font-size:.72rem;font-weight:600;color:var(--text-gray);white-space:nowrap;text-align:center}.chart-tooltip{position:absolute;top:-58px;background:#1e293b;color:#fff;padding:.3rem .6rem;border-radius:8px;font-size:.78rem;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(6px);transition:var(--transition);pointer-events:none;z-index:200;white-space:nowrap;box-shadow:0 4px 12px #0003}.chart-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1e293b}.chart-column:hover .chart-tooltip{opacity:1;transform:translateY(0)}.tooltip-val{font-weight:800;font-size:.92rem}.tooltip-label{font-size:.62rem;color:#94a3b8;margin-top:1px}.today-stat-wrap{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#dcfce7,#d1fae5);border-radius:var(--radius-lg);border:1px solid #bbf7d0;flex-wrap:wrap}.today-stat-circle{width:64px;height:64px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #16a34a59}.today-stat-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.today-stat-label{font-size:.85rem;color:#16a34a;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.today-stat-value{font-size:2.5rem;font-weight:900;color:var(--text-dark);line-height:1;letter-spacing:-.03em}.today-stat-sub{font-size:.82rem;color:var(--text-gray);font-weight:500;text-transform:capitalize}.today-mini-bar-wrap{flex:1;min-width:120px;display:flex;flex-direction:column;gap:.4rem}.today-mini-bar-track{height:8px;background:#bbf7d0;border-radius:10px;overflow:hidden}.today-mini-bar-fill{height:100%;background:linear-gradient(to right,#16a34a,#22c55e);border-radius:10px;animation:growWidthFull 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes growWidthFull{0%{width:0}to{width:100%}}.today-mini-label{font-size:.72rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.category-hierarchy{display:flex;flex-direction:column;gap:1.1rem;max-height:340px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.hierarchy-block{border-bottom:1px solid var(--border-light);padding-bottom:.875rem}.hierarchy-block:last-child{border-bottom:none;padding-bottom:0}.hierarchy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.hierarchy-title-wrap{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.cat-medal{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:8px;border:1px solid;font-size:.85rem;font-weight:700;flex-shrink:0}.hierarchy-title{font-weight:700;color:var(--text-dark);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hierarchy-total{font-weight:800;color:var(--primary-blue);background:var(--primary-blue-light);padding:.2rem .55rem;border-radius:6px;font-size:.82rem;flex-shrink:0;margin-left:.5rem}.subcategory-pills{display:flex;flex-wrap:wrap;gap:.4rem}.sub-pill{display:inline-flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.2rem .65rem;font-size:.8rem;transition:var(--transition);cursor:default}.sub-pill:hover{background:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sub-name{color:var(--text-dark);font-weight:500;margin-right:.35rem}.sub-count{color:var(--text-gray);font-weight:700;font-size:.72rem;background:#e2e8f0;padding:.1rem .4rem;border-radius:10px}.table-responsive{overflow-x:auto}.modern-table{width:100%;border-collapse:collapse;min-width:400px}.modern-table th{text-align:left;padding:.875rem .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-gray);font-weight:700;border-bottom:2px solid var(--border-light)}.modern-table td{padding:.875rem .5rem;border-bottom:1px solid var(--border-light);font-size:.92rem;font-weight:500}.modern-table tr:last-child td{border-bottom:none}.modern-table tbody tr{transition:background .15s}.modern-table tbody tr:hover{background:#fafafa}.s-name{font-weight:600;color:var(--text-dark);line-height:1.3}.text-gray{color:var(--text-gray)}.rank-badge{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:.82rem;flex-shrink:0}.rank-1{background:#fef08a;color:#713f12}.rank-2{background:#e2e8f0;color:#334155}.rank-3{background:#fed7aa;color:#9a3412}.rank-4,.rank-5,.rank-default{background:var(--primary-blue-light);color:var(--primary-blue)}.rating-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--accent-orange-light);color:var(--accent-orange);padding:.22rem .55rem;border-radius:20px;font-weight:700;font-size:.86rem}.see-more-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--primary-blue-light);color:var(--primary-blue);border:none;border-radius:8px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition)}.see-more-btn:hover{background:var(--primary-blue);color:#fff;box-shadow:0 2px 8px #16a34a4d}.szpt-badge{font-size:.78rem;font-weight:700;color:var(--text-gray);background:#f1f5f9;padding:.2rem .6rem;border-radius:6px;border:1px solid var(--border-light)}.price-monitoring-list{display:flex;flex-direction:column;gap:.6rem;max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.monitoring-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#fafafa;border:1px solid var(--border-light);border-left:4px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition)}.monitoring-item:hover{box-shadow:var(--shadow-sm);background:#fff}.monitoring-item.status-critical{border-left-color:var(--danger-red)}.monitoring-item.status-good{border-left-color:var(--success-green)}.monitoring-item.status-stable{border-left-color:#94a3b8}.mi-info{display:flex;flex-direction:column;gap:.15rem}.mi-name{font-size:.95rem;font-weight:700;margin:0;color:var(--text-dark)}.mi-meta{font-size:.76rem;color:var(--text-gray);font-weight:500}.mi-price-box{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.mi-current-price{font-size:1.15rem;font-weight:800;color:var(--text-dark);letter-spacing:-.01em}.mi-trend{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;padding:.18rem .45rem;border-radius:6px}.mi-trend.up{color:var(--danger-red);background:var(--danger-red-light)}.mi-trend.down{color:var(--success-green);background:var(--success-green-light)}.mi-trend.stable{color:var(--text-gray);background:#f1f5f9}.trend-abs{font-weight:500;opacity:.8;font-size:.74rem}.empty-price-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem;color:var(--text-gray);text-align:center}.empty-price-state p{font-weight:600;margin:0}.empty-price-state span{font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlayIn .2s ease forwards}.modal-container{background:var(--panel-bg);border-radius:var(--radius-xl);box-shadow:0 24px 64px -8px #00000040;width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--border-light)}.modal-title{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;margin:0 0 .25rem;color:var(--text-dark)}.modal-subtitle{font-size:.85rem;color:var(--text-gray);margin:0}.modal-close-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--text-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.modal-close-btn:hover{background:var(--danger-red-light);color:var(--danger-red);border-color:var(--danger-red)}.modal-search-wrap{display:flex;align-items:center;gap:.6rem;padding:.875rem 1.75rem;border-bottom:1px solid var(--border-light);background:#fafafa;position:relative}.search-icon{color:var(--text-gray);flex-shrink:0}.modal-search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--text-dark);outline:none;font-family:inherit}.modal-search-input::placeholder{color:#94a3b8}.search-clear{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:var(--transition)}.search-clear:hover{color:var(--danger-red)}.modal-body{flex:1;overflow-y:auto;padding:0 1.75rem;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}.modal-loading,.modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;color:var(--text-gray)}.modal-empty svg{opacity:.4}.modal-empty p{font-weight:600;margin:0}.modal-table{min-width:360px}.modal-table td,.modal-table th{padding:.75rem .5rem}.modal-footer{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:1rem 1.75rem;border-top:1px solid var(--border-light);flex-wrap:wrap}.page-btn{min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-light);border-radius:8px;background:#fff;color:var(--text-dark);font-weight:600;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.page-btn:hover:not(:disabled):not(.active){border-color:var(--primary-blue);color:var(--primary-blue)}.page-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;box-shadow:0 2px 6px #16a34a4d}.page-btn:disabled{opacity:.35;cursor:not-allowed}.analytics-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;color:var(--text-gray);font-weight:500}.modern-spinner{width:38px;height:38px;border:3px solid var(--border-light);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .85s linear infinite}@media(max-width:1100px){.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media(max-width:768px){.akimat-dashboard{padding:1rem}.main-title{font-size:1.6rem}.dashboard-header{flex-direction:column;align-items:flex-start}.modern-tabs{width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.modal-container{max-height:95vh}.modal-header{padding:1.25rem}.modal-body{padding:0 1rem}.modal-footer{padding:.875rem 1rem}}.ur-page{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 6rem;min-height:calc(100vh - 80px);animation:ur-in .3s ease}@keyframes ur-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ur-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.ur-back{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap;flex-shrink:0}.ur-back:hover{border-color:#4caf50;color:#2e7d32;background:#f0fdf4;transform:translate(-2px)}.ur-header__title h1{font-size:2rem;font-weight:800;color:#1e293b;letter-spacing:-.4px;line-height:1.2;margin:0}.ur-header__title p{font-size:.9rem;color:#64748b;margin-top:.35rem;font-weight:500}.ur-summary{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:2rem 2.5rem;display:flex;gap:3rem;align-items:center;margin-bottom:1.25rem;box-shadow:0 4px 20px #4caf500f}.ur-summary__score{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0}.ur-summary__avg{font-size:3.5rem;font-weight:900;color:#1e293b;letter-spacing:-2px;line-height:1}.ur-summary__stars{display:flex;gap:3px}.ur-summary__total{font-size:.8rem;color:#94a3b8;font-weight:600;text-align:center}.ur-summary__bars{flex:1;display:flex;flex-direction:column;gap:.5rem}.ur-bar-row{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.3rem .5rem;border-radius:8px;transition:background .15s;font-family:inherit;width:100%}.ur-bar-row:hover{background:#f8fafc}.ur-bar-row--active{background:#f0fdf4!important}.ur-bar-row__label{font-size:.8rem;font-weight:700;color:#475569;width:12px;text-align:right;flex-shrink:0}.ur-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}.ur-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.ur-bar-row__cnt{font-size:.78rem;font-weight:600;color:#94a3b8;width:24px;text-align:right;flex-shrink:0}.ur-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.ur-pill{padding:.45rem 1rem;border-radius:999px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}.ur-pill:hover{border-color:#4caf50;color:#2e7d32}.ur-pill--active{background:#4caf50;border-color:#4caf50;color:#fff;box-shadow:0 4px 12px #4caf504d}.ur-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 0;color:#94a3b8}.ur-loading__spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#4caf50;border-radius:50%;animation:ur-spin .8s linear infinite}@keyframes ur-spin{to{transform:rotate(360deg)}}.ur-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;text-align:center}.ur-empty__icon{width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-bottom:.5rem}.ur-empty h2{font-size:1.3rem;font-weight:800;color:#1e293b}.ur-empty p{font-size:.9rem;color:#64748b;max-width:340px;line-height:1.6}.ur-empty__btn{margin-top:.5rem;padding:.75rem 2rem;background:#4caf50;color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #4caf504d}.ur-empty__btn:hover{background:#388e3c;transform:translateY(-1px)}.ur-list{display:flex;flex-direction:column;gap:.875rem}.ur-card{display:flex;align-items:center;gap:1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem 1.5rem 1.25rem 1.25rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0000000a}.ur-card:hover{border-color:#4caf50;box-shadow:0 8px 32px #4caf501f;transform:translateY(-2px)}.ur-card__img-wrap{width:80px;height:80px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#f8fafc}.ur-card__img{width:100%;height:100%;object-fit:cover}.ur-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.ur-card__supplier{display:flex;align-items:center;gap:.625rem}.ur-card__avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#4caf50,#2196f3);flex-shrink:0;position:relative}.ur-card__avatar img{width:100%;height:100%;object-fit:cover}.ur-card__avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:800;color:#fff}.ur-card__supplier-name{font-size:.95rem;font-weight:700;color:#1e293b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ur-card__product-name{font-size:.78rem;color:#64748b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ur-card__meta{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap}.ur-card__stars{display:flex;align-items:center;gap:2px}.ur-card__rating-num{font-size:.78rem;font-weight:700;color:#d97706;margin-left:4px}.ur-card__date{font-size:.775rem;color:#94a3b8;font-weight:500}.ur-card__comment{font-size:.875rem;color:#334155;line-height:1.55;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ur-card__address{display:flex;align-items:center;gap:.3rem;color:#94a3b8;font-size:.775rem}.ur-card__address svg{flex-shrink:0}.ur-card__arrow{color:#cbd5e1;flex-shrink:0;transition:transform .2s,color .2s}.ur-card:hover .ur-card__arrow{color:#4caf50;transform:translate(3px)}.ur-load-more{display:flex;justify-content:center;margin-top:1.5rem;padding-bottom:1rem}.ur-load-more__btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.ur-load-more__btn:hover:not(:disabled){border-color:#4caf50;color:#2e7d32;background:#f0fdf4}.ur-load-more__btn:disabled{opacity:.6;cursor:not-allowed}.ur-load-more__spinner{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#4caf50;border-radius:50%;animation:ur-spin .7s linear infinite}@media(max-width:640px){.ur-page{padding:1.5rem 1rem 5rem}.ur-header{gap:.875rem;margin-bottom:1.5rem}.ur-header__title h1{font-size:1.4rem}.ur-back span{display:none}.ur-back{padding:.6rem .75rem}.ur-summary{flex-direction:column;gap:1.5rem;padding:1.5rem;align-items:stretch}.ur-summary__score{flex-direction:row;align-items:center;gap:1rem}.ur-summary__avg{font-size:2.75rem}.ur-card{padding:1rem;gap:.875rem;border-radius:16px}.ur-card__img-wrap{width:64px;height:64px;border-radius:10px}.ur-card__supplier-name{font-size:.875rem}.ur-card__comment{-webkit-line-clamp:2}.ur-card__arrow{display:none}}@media(max-width:400px){.ur-summary__score{flex-direction:column}}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable=true],input::selection,textarea::selection{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}button{-webkit-user-select:none;user-select:none}:root{--bg: #f8fafc;--surface: #ffffff;--primary: #4caf50;--primary-dark: #388e3c;--primary-soft: #e8f5e9;--primary-transparent: rgba(76, 175, 80, .1);--secondary: #2196f3;--secondary-dark: #1976d2;--accent: #ef4444;--accent-dark: #dc2626;--accent-soft: #fee2e2;--warning: #f59e0b;--success: #10b981;--text-main: #1e293b;--text-soft: #64748b;--text-light: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 6px 20px rgba(76, 175, 80, .08);--shadow: 0 12px 32px rgba(76, 175, 80, .12);--shadow-lg: 0 20px 60px rgba(76, 175, 80, .15);--radius-sm: 8px;--radius: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-pill: 999px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);--header-height: 80px;--header-height-mobile: 70px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;padding-top:var(--header-height)}.header{height:var(--header-height);padding:0 2rem;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:2rem;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000d;transition:var(--transition)}.header-scrolled{box-shadow:0 4px 20px #0000001a;background:#fffffffc}.header .logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.logo-icon{font-size:1.8rem}.logo-text{font-size:1.65rem;font-weight:800;color:var(--primary);white-space:nowrap}.header .header-nav{display:flex;gap:1.75rem;align-items:center;flex:1}.header .header-nav a{color:var(--text-main);text-decoration:none;font-weight:600;font-size:1rem;padding:.5rem 0;position:relative;transition:var(--transition);white-space:nowrap}.header .header-nav a:hover{color:var(--primary)}.header .header-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.header .header-nav a:hover:after{width:100%}.header .header-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.header .cart-btn{background:none;border:none;cursor:pointer;position:relative;padding:.5rem;border-radius:var(--radius);transition:var(--transition);color:var(--text-main);display:flex;align-items:center;justify-content:center}.header .cart-btn:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.header .cart-icon-wrapper{position:relative;display:flex;align-items:center}.header .cart-count-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:800;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px #ef44444d;border:2px solid white;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header .header-avatar-btn{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s;border-radius:50%}.header .header-avatar-btn:hover{transform:scale(1.05)}.header .header-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;border:2px solid white;flex-shrink:0}.header .header-avatar-img{width:100%;height:100%;object-fit:cover}.header .header-avatar-initial{color:#fff;font-weight:700;font-size:1.2rem}.header .auth-buttons{display:flex;align-items:center;gap:.75rem}.header .auth-link{color:var(--primary);font-weight:600;text-decoration:none;padding:.625rem 1.25rem;border-radius:var(--radius-pill);transition:var(--transition);font-size:.9rem;white-space:nowrap}.header .auth-link:hover{background:var(--primary-soft);transform:translateY(-1px)}.header .auth-link.register{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4caf5033}.header .auth-link.register:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4caf504d}.header .mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-main);padding:.5rem;border-radius:var(--radius);transition:var(--transition);align-items:center;justify-content:center}.header .mobile-menu-btn:hover{background:var(--border-light)}.header .mobile-menu-btn.active{color:var(--accent)}.mobile-menu-backdrop{position:fixed;top:var(--header-height-mobile);left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:var(--transition)}.mobile-menu-backdrop.active{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;right:0;width:320px;max-width:85vw;bottom:0;background:var(--surface);z-index:9999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #00000026}.mobile-sidebar.active{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.sidebar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.4rem;font-weight:800;color:var(--primary)}.sidebar-close{background:none;border:none;cursor:pointer;color:var(--text-soft);padding:.5rem;border-radius:var(--radius);transition:var(--transition);display:flex;align-items:center;justify-content:center}.sidebar-close:hover{background:var(--border-light);color:var(--text-main)}.sidebar-user{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--primary-soft);border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition)}.sidebar-user:hover{background:var(--primary-soft);opacity:.9}.sidebar-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-avatar-initial{color:#fff;font-weight:700;font-size:1.4rem}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-weight:700;color:var(--text-main);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sidebar-user-role{font-size:.85rem;color:var(--text-soft);margin:.25rem 0 0}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:var(--text-main);text-decoration:none;font-weight:600;font-size:1rem;transition:var(--transition);border-left:3px solid transparent}.sidebar-nav-link:hover{background:var(--primary-soft);color:var(--primary);border-left-color:var(--primary)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;color:var(--primary)}.sidebar-cart{padding:1rem 1.5rem;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.sidebar-cart-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--primary-soft);color:var(--primary-dark);border:2px solid var(--primary);border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition)}.sidebar-cart-btn:hover{background:var(--primary);color:#fff}.sidebar-cart-count{background:var(--accent);color:#fff;font-size:.8rem;font-weight:800;min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 6px}.sidebar-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-light)}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition)}.sidebar-logout:hover{background:var(--accent);color:#fff}.sidebar-auth{display:flex;flex-direction:column;gap:.75rem}.sidebar-auth-link{width:100%;padding:1rem;text-align:center;text-decoration:none;font-weight:700;font-size:1rem;border-radius:var(--radius);transition:var(--transition)}.sidebar-auth-link{background:var(--primary-soft);color:var(--primary-dark);border:2px solid var(--primary)}.sidebar-auth-link:hover,.sidebar-auth-link.register{background:var(--primary);color:#fff}.sidebar-auth-link.register:hover{background:var(--primary-dark)}.header .user-menu{position:relative}.header .dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);min-width:220px;overflow:hidden;animation:dropdownFade .2s ease;z-index:1001}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header .dropdown-item{width:100%;padding:.875rem 1.25rem;background:none;border:none;text-align:left;font-size:.95rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.75rem}.header .dropdown-item:hover{background:var(--primary-soft);color:var(--primary)}.header .dropdown-divider{height:1px;background:var(--border-light);margin:.5rem 0}.header .dropdown-item.logout{color:var(--accent)}.header .dropdown-item.logout:hover{background:var(--accent-soft)}@media(max-width:768px){.header .dropdown-menu{display:none}}@media(max-width:768px){.header{height:var(--header-height-mobile);padding:0 1.25rem;gap:1rem}.header .logo-text{font-size:1.4rem}.logo-icon{font-size:1.5rem}.header .header-nav,.header .header-right{display:none}.header .mobile-menu-btn{display:flex;margin-left:auto}.mobile-sidebar{width:300px;max-width:85vw}.sidebar-header{padding:1rem 1.25rem}.sidebar-logo{font-size:1.25rem}.sidebar-user{padding:1rem 1.25rem}.sidebar-avatar{width:44px;height:44px}.sidebar-nav-link{padding:.875rem 1.25rem;font-size:.95rem}.sidebar-cart{padding:.875rem 1.25rem}.sidebar-footer{padding:1rem 1.25rem}}@media(max-width:480px){.header{padding:0 1rem}.header .logo-text{font-size:1.25rem}.logo-icon{font-size:1.3rem}.mobile-sidebar{width:280px;max-width:90vw}}.search-container{position:relative;width:100%}.search-input-wrapper{position:relative;width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;background:#fff;border-radius:var(--radius-pill);border:2px solid var(--border);padding:.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-transparent);transform:translateY(-1px)}.search-input-wrapper .filter-icon-btn{width:44px;height:44px;border-radius:var(--radius);background:var(--primary-soft);border:2px solid white;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;position:relative}.search-input-wrapper .filter-icon-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px) rotate(5deg);box-shadow:var(--shadow)}.search-input-wrapper .filter-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-main);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);pointer-events:none;z-index:1000}.search-input-wrapper .filter-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--text-main)}.search-input-wrapper .filter-icon-btn:hover .filter-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.search-input-wrapper .big-search-input{flex:1;height:44px;border:none;background:transparent;padding:0 1rem;font-size:1rem;color:var(--text-main);outline:none}.search-input-wrapper .big-search-input::placeholder{color:var(--text-light)}.search-input-wrapper .search-btn{width:44px;height:44px;background:var(--primary);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;box-shadow:0 4px 12px #4caf5033}.search-input-wrapper .search-btn svg{color:#fff!important;stroke:#fff!important}.search-input-wrapper .search-btn:hover{background:var(--primary-dark);transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px #4caf504d}.search-input-wrapper .search-icon{width:20px;height:20px}.search-input-wrapper .clear-input-btn{width:36px;height:36px;background:#e2e8f0;color:#64748b;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;margin-right:.25rem}.search-input-wrapper .clear-input-btn:hover{background:#cbd5e1;color:#475569;transform:scale(1.05)}@media(max-width:768px){.search-input-wrapper{padding:.375rem}.search-input-wrapper .filter-icon-btn{width:40px;height:40px}.search-input-wrapper .filter-icon{width:18px;height:18px}.search-input-wrapper .big-search-input{height:40px;font-size:.95rem;padding:0 .75rem}.search-input-wrapper .search-btn{width:40px;height:40px}.search-input-wrapper .search-icon{width:18px;height:18px}.search-input-wrapper .filter-tooltip{display:none}}@media(max-width:480px){.search-input-wrapper{padding:.25rem}.search-input-wrapper .filter-icon-btn{width:36px;height:36px}.search-input-wrapper .big-search-input{font-size:.9rem;padding:0 .5rem}.search-input-wrapper .search-btn{width:36px;height:36px}.search-input-wrapper .search-icon{width:16px;height:16px}}.product-map-wrapper{position:relative;width:100%;height:100%;min-height:400px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.yandex-map{width:100%;height:100%;min-height:400px;border-radius:var(--radius-xl)}.map-overlay{position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-radius:var(--radius-xl);z-index:10}.map-overlay .spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-overlay p{color:var(--text-soft);font-size:1rem;font-weight:500;margin:0}.map-error{position:absolute;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);z-index:10}.map-error p{color:var(--accent);font-size:1.2rem;font-weight:600;text-align:center;padding:2rem;background:#ef44441a;border-radius:var(--radius);border:2px solid var(--accent);margin:1.5rem;max-width:90%}.map-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.map-modal-content{background:var(--surface);border-radius:var(--radius-2xl);width:100%;max-width:1200px;height:85vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:relative}.map-full-container{position:relative;width:100%;height:100%;flex:1}.map-modal-header-overlay{position:absolute;top:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.map-modal-header-overlay h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-main)}.close-modal{background:none;border:none;font-size:2.2rem;color:var(--text-soft);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-modal:hover{background:var(--primary-soft);color:var(--primary)}.map-modal-footer-overlay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10}.close-modal-button{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:1rem 4rem;font-weight:600;font-size:1.05rem;cursor:pointer;transition:var(--transition);min-width:160px;box-shadow:0 4px 12px #4caf504d}.close-modal-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media(max-width:1200px){.map-modal-content{max-width:900px;height:80vh}}@media(max-width:768px){.map-modal-overlay{padding:1rem}.map-modal-content{max-width:100%;height:90vh}.map-full-container{min-height:400px}.map-modal-header-overlay{padding:1.25rem 1.5rem}.map-modal-header-overlay h3{font-size:1.3rem}.close-modal{width:36px;height:36px;font-size:1.8rem}.map-modal-footer-overlay{bottom:16px}.close-modal-button{padding:.875rem 2rem;font-size:1rem;min-width:140px}}@media(max-width:480px){.map-modal-content{height:95vh}.map-full-container{min-height:350px}.map-modal-header-overlay{padding:1rem}.map-modal-header-overlay h3{font-size:1.2rem}.close-modal-button{padding:.75rem 1.5rem;font-size:.95rem;min-width:120px}}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.75rem;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:1.5rem;max-height:420px;overflow-y:auto;z-index:999;animation:dropdownFade .2s ease}.suggestions-dropdown .popular-section{margin-bottom:1.5rem}.suggestions-dropdown .section-title{font-size:.8rem;font-weight:700;color:var(--text-soft);margin-bottom:.75rem;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.suggestions-dropdown .popular-pills{display:flex;flex-wrap:wrap;gap:.5rem}.suggestions-dropdown .pill-btn{background:var(--primary-soft);color:var(--primary);border:none;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition)}.suggestions-dropdown .pill-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.tsqd-open-btn-container,.tsqd-floating-btn,[data-testid=react-query-devtools-toggle-button]{display:none!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-soft{color:var(--text-soft)}.text-main{color:var(--text-main)}.text-light{color:var(--text-light)}.bg-primary{background:var(--primary)}.bg-secondary{background:var(--secondary)}.bg-accent{background:var(--accent)}.bg-success{background:var(--success)}.bg-warning{background:var(--warning)}.bg-white{background:#fff}.bg-surface{background:var(--surface)}.bg-bg{background:var(--bg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:999px}.rounded-none{border-radius:0}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.transition{transition:var(--transition)}.transition-slow{transition:var(--transition-slow)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:-translate-y-2:hover{transform:translateY(-8px)}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:12px}.skeleton-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.skeleton-image{height:200px;width:100%}.skeleton-title{height:20px;width:90%;margin:12px}.skeleton-text{height:14px;width:80%;margin:0 12px 8px}.skeleton-price{height:24px;width:60%;margin:12px}.skeleton-supplier{height:32px;width:70%;margin:12px;border-radius:16px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}