html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f7f8fb;min-height:100vh}img{max-width:100%}button,input,select,textarea{font:inherit}:root{--navy-900:#0b1220;--navy-800:#121a2e;--navy-700:#1b2540;--navy-600:#263457;--amber-500:#f5a524;--amber-600:#d98c0f;--amber-100:#fef2df;--green-500:#22c55e;--green-100:#e6f9ee;--red-500:#ef4444;--red-100:#fdecec;--blue-500:#3b82f6;--blue-100:#e8f1ff;--ink-900:#0f172a;--ink-700:#33415a;--ink-500:#64748b;--ink-300:#94a3b8;--ink-100:#e2e8f0;--ink-50:#f1f5f9;--bg:#f7f8fb;--white:#fff;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 20px 48px #0f172a24;--font-head:"Poppins", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem}h1,h2,h3,h4{font-family:var(--font-head);color:var(--navy-900);line-height:1.25}button,input{font:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-lg{padding:15px 30px;font-size:1rem}.btn-sm{padding:8px 14px;font-size:.82rem}.btn-primary{background:var(--amber-500);color:var(--navy-900)}.btn-primary:hover{background:var(--amber-600);transform:translateY(-1px)}.btn-dark{background:var(--navy-900);color:var(--white)}.btn-dark:hover{background:var(--navy-700)}.btn-outline{border:1.5px solid var(--ink-100);color:var(--navy-900);background:0 0}.btn-outline:hover{border-color:var(--navy-900)}.btn-outline-light{color:var(--white);background:0 0;border:1.5px solid #ffffff59}.btn-outline-light:hover{background:#ffffff1f}.btn-danger{background:var(--red-100);color:var(--red-500)}.btn-danger:hover{background:var(--red-500);color:var(--white)}.btn-success{background:var(--green-500);color:var(--white)}.btn-block{width:100%}.btn-icon{background:var(--ink-50);width:40px;height:40px;color:var(--ink-700);border-radius:10px;padding:0}.btn-icon:hover{background:var(--ink-100)}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-amber{background:var(--amber-100);color:var(--amber-600)}.badge-green{background:var(--green-100);color:#16a34a}.badge-red{background:var(--red-100);color:var(--red-500)}.badge-blue{background:var(--blue-100);color:var(--blue-500)}.badge-gray{background:var(--ink-50);color:var(--ink-500)}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--ink-100)}.section{padding:64px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.section-head h2{font-size:1.9rem}.eyebrow{color:var(--amber-600);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}.text-muted{color:var(--ink-500)}.center{text-align:center}.form-group{margin-bottom:18px}.form-group label{color:var(--ink-700);margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--ink-100);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--ink-900);padding:12px 14px;transition:border-color .15s}.form-control:focus{border-color:var(--amber-500);outline:none}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-icon-group{position:relative}.input-icon-group i{color:var(--ink-300);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-group .form-control{padding-left:40px}.tabs{border-bottom:1px solid var(--ink-100);flex-wrap:wrap;gap:6px;display:flex}.tab-btn{color:var(--ink-500);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 18px;font-size:.9rem;font-weight:600}.tab-btn.active{color:var(--navy-900);border-color:var(--amber-500)}.tab-panel{display:none}.tab-panel.active{display:block}.modal-overlay{z-index:200;background:#0b12208c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-box{background:var(--white);border-radius:var(--radius-md);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.top-strip{background:var(--navy-900);color:var(--ink-300);font-size:.8rem}.top-strip .container{justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.top-strip a,.owner-login-link{color:var(--amber-500);font-weight:600}.owner-login-link{align-items:center;gap:6px;display:inline-flex}.top-strip .strip-links{align-items:center;gap:20px;display:flex}.top-strip .strip-links span{align-items:center;gap:6px;display:inline-flex}.site-header{background:var(--white);border-bottom:1px solid var(--ink-100);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.logo-button{background:0 0;border:none}.logo{font-family:var(--font-head);color:var(--navy-900);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.logo i,.logo span{color:var(--amber-500)}.main-nav{align-items:center;gap:30px;display:flex}.nav-link{color:var(--ink-700);padding:6px 0;font-size:.94rem;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--navy-900)}.nav-link.active:after{content:"";background:var(--amber-500);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-2px;left:0}.header-actions{align-items:center;gap:10px;display:flex}.icon-btn{width:42px;height:42px;color:var(--ink-700);background:var(--ink-50);border-radius:10px;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}.icon-btn:hover{background:var(--ink-100)}.cart-count{background:var(--amber-500);color:var(--navy-900);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.menu-toggle{background:var(--ink-50);border-radius:10px;width:42px;height:42px;font-size:1.1rem;display:none}.hero{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 60%, var(--navy-600) 100%);color:var(--white);position:relative;overflow:hidden}.hero .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:80px 24px;display:grid}.hero h1{color:var(--white);margin-bottom:18px;font-size:3rem}.hero h1 span{color:var(--amber-500)}.hero p{color:var(--ink-300);max-width:480px;margin-bottom:30px;font-size:1.05rem}.hero-actions{gap:14px;margin-bottom:36px;display:flex}.hero-stats{gap:34px;display:flex}.hero-stats div strong{font-size:1.6rem;font-family:var(--font-head);color:var(--amber-500);display:block}.hero-stats div span{color:var(--ink-300);font-size:.82rem}.hero-media{justify-content:center;display:flex;position:relative}.hero-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-badge-float{background:var(--white);color:var(--navy-900);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:-18px;left:-18px}.hero-badge-float i{background:var(--green-100);color:#16a34a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.hero-badge-float strong{font-size:.95rem;display:block}.hero-badge-float span{color:var(--ink-500);font-size:.78rem}.category-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.category-card{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-md);text-align:center;padding:24px 16px;transition:all .2s}.category-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-4px)}.category-card .icon-wrap{background:var(--amber-100);width:58px;height:58px;color:var(--amber-600);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:1.5rem;display:flex}.category-card h4{margin-bottom:4px;font-size:.95rem}.category-card p{color:var(--ink-500);font-size:.78rem}.product-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.product-card{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-md);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-thumb{background:var(--ink-50);aspect-ratio:1/.85;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.product-thumb img{max-height:100%}.product-thumb .badge{position:absolute;top:12px;left:12px}.wishlist-btn{background:var(--white);width:34px;height:34px;color:var(--ink-500);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.wishlist-btn:hover{color:var(--red-500)}.product-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex}.product-brand{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-size:.72rem;font-weight:700}.product-title{color:var(--navy-900);font-size:.98rem;font-weight:700}.product-title a{color:inherit}.rating{color:var(--ink-500);align-items:center;gap:6px;font-size:.8rem;display:flex}.rating .stars{color:var(--amber-500)}.product-specs{color:var(--ink-500);gap:10px;font-size:.75rem;display:flex}.price-row{align-items:baseline;gap:8px;margin-top:auto;display:flex}.price-now{color:var(--navy-900);font-size:1.15rem;font-weight:800}.price-old{color:var(--ink-300);font-size:.85rem;text-decoration:line-through}.price-off{color:#16a34a;font-size:.75rem;font-weight:700}.product-actions{gap:8px;margin-top:10px;display:flex}.product-actions .btn{flex:1}.perks{background:var(--white)}.perk-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.perk-card{text-align:center;border-radius:var(--radius-md);padding:30px 16px}.perk-card .icon-wrap{background:var(--navy-900);width:64px;height:64px;color:var(--amber-500);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.6rem;display:flex}.perk-card h4{margin-bottom:6px;font-size:1rem}.perk-card p{color:var(--ink-500);font-size:.85rem}.brand-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;display:flex}.brand-strip .brand-chip{font-family:var(--font-head);color:var(--ink-300);letter-spacing:.02em;font-size:1.2rem;font-weight:800}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.testimonial-card{padding:26px}.testimonial-card .stars{color:var(--amber-500);margin-bottom:12px}.testimonial-card p{color:var(--ink-700);margin-bottom:18px;font-size:.92rem}.testimonial-user{align-items:center;gap:12px;display:flex}.testimonial-user img{border-radius:50%;width:42px;height:42px}.testimonial-user strong{font-size:.9rem;display:block}.testimonial-user span{color:var(--ink-500);font-size:.78rem}.site-footer{background:var(--navy-900);color:var(--ink-300)}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 24px;font-size:.82rem;display:flex}.footer-bottom .payment-icons{color:var(--ink-300);gap:8px;font-size:1.3rem;display:flex}.page-banner{background:var(--navy-900);color:var(--white);padding:36px 0}.page-banner h1{color:var(--white);margin-bottom:8px;font-size:1.8rem}.breadcrumb{color:var(--ink-300);align-items:center;gap:8px;font-size:.85rem;display:flex}.crumb-button{color:var(--amber-500)}.shop-layout{grid-template-columns:270px 1fr;align-items:flex-start;gap:30px;display:grid}.filter-panel{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-md);padding:22px}.filter-block{border-bottom:1px solid var(--ink-100);margin-bottom:20px;padding-bottom:20px}.filter-block:last-child{border-bottom:none;margin-bottom:0}.filter-block h4{margin-bottom:14px;font-size:.92rem}.filter-option{color:var(--ink-700);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:.86rem;display:flex}.filter-option span.count{color:var(--ink-300);font-size:.78rem}.filter-option input{accent-color:var(--amber-500)}.price-range-inputs{gap:10px;display:flex}.shop-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.shop-toolbar select{border:1.5px solid var(--ink-100);border-radius:var(--radius-sm);padding:10px 14px}.pagination{justify-content:center;gap:8px;margin-top:36px;display:flex}.page-number{background:var(--white);border:1px solid var(--ink-100);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:600;display:flex}.page-number.active{background:var(--navy-900);color:var(--white);border-color:var(--navy-900)}.product-detail-grid{grid-template-columns:.9fr 1.1fr;gap:44px;display:grid}.gallery-main{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-md);aspect-ratio:1/.9;justify-content:center;align-items:center;margin-bottom:14px;padding:30px;display:flex}.gallery-thumbs{gap:12px;display:flex}.gallery-thumbs img{object-fit:contain;border:1.5px solid var(--ink-100);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;width:76px;height:76px;padding:10px}.gallery-thumbs img.active{border-color:var(--amber-500)}.pd-title{margin-bottom:10px;font-size:1.7rem}.pd-meta{align-items:center;gap:16px;margin-bottom:18px;display:flex}.pd-price-block{border-top:1px solid var(--ink-100);border-bottom:1px solid var(--ink-100);align-items:baseline;gap:10px;margin-bottom:20px;padding:18px 0;display:flex}.pd-price-block .price-now{font-size:2rem}.pd-specs-mini{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;display:grid}.pd-specs-mini div{background:var(--ink-50);border-radius:var(--radius-sm);text-align:center;padding:12px}.pd-specs-mini strong{font-size:.95rem;display:block}.pd-specs-mini span{color:var(--ink-500);text-transform:uppercase;font-size:.72rem}.qty-selector{border:1.5px solid var(--ink-100);border-radius:var(--radius-sm);align-items:center;width:fit-content;display:flex;overflow:hidden}.qty-selector button{width:38px;height:42px;color:var(--ink-700);font-size:1.1rem}.qty-selector input{text-align:center;border:none;width:46px;height:42px;font-weight:700}.pd-action-row{gap:12px;margin:22px 0;display:flex}.pd-action-row .qty-selector{flex-shrink:0}.pd-action-row .btn{flex:1}.trust-row{flex-wrap:wrap;gap:20px;display:flex}.trust-row div{color:var(--ink-700);align-items:center;gap:10px;font-size:.82rem;display:flex}.trust-row i{color:var(--amber-600);font-size:1.2rem}.spec-table{border-collapse:collapse;width:100%}.spec-table tr td{border-bottom:1px solid var(--ink-100);padding:12px 16px;font-size:.88rem}.spec-table tr td:first-child{color:var(--ink-500);width:220px}.review-item{border-bottom:1px solid var(--ink-100);gap:16px;padding:20px 0;display:flex}.review-item img{border-radius:50%;width:44px;height:44px}.review-item .stars{color:var(--amber-500);margin:4px 0;font-size:.8rem}.cart-layout{grid-template-columns:1fr 360px;align-items:flex-start;gap:30px;display:grid}.cart-table{border-collapse:collapse;width:100%}.cart-table th{text-align:left;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--ink-100);padding:0 16px 14px;font-size:.78rem}.cart-table td{border-bottom:1px solid var(--ink-100);vertical-align:middle;padding:18px 16px}.cart-item-info{align-items:center;gap:14px;display:flex}.cart-item-info img{object-fit:contain;background:var(--ink-50);border-radius:var(--radius-sm);width:64px;height:64px;padding:8px}.cart-item-info strong{font-size:.92rem;display:block}.cart-item-info span{color:var(--ink-500);font-size:.78rem}.remove-link{color:var(--red-500);font-size:.8rem;font-weight:600}.summary-card{padding:24px}.summary-row{color:var(--ink-700);justify-content:space-between;margin-bottom:14px;font-size:.9rem;display:flex}.summary-row.total{color:var(--navy-900);border-top:1px solid var(--ink-100);margin-top:6px;padding-top:14px;font-size:1.1rem;font-weight:800}.promo-row{gap:8px;margin:18px 0;display:flex}.checkout-steps{justify-content:center;align-items:center;gap:10px;margin-bottom:40px;display:flex}.checkout-steps .step{color:var(--ink-300);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.checkout-steps .step .num{background:var(--ink-50);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.checkout-steps .step.active{color:var(--navy-900)}.checkout-steps .step.active .num{background:var(--amber-500);color:var(--navy-900)}.checkout-steps .divider{background:var(--ink-100);width:50px;height:2px}.checkout-layout{grid-template-columns:1fr 360px;align-items:flex-start;gap:30px;display:grid}.address-card{border:1.5px solid var(--ink-100);border-radius:var(--radius-md);cursor:pointer;gap:14px;margin-bottom:14px;padding:18px;display:flex}.address-card.selected{border-color:var(--amber-500);background:var(--amber-100)}.address-form{background:var(--ink-50);border-radius:var(--radius-md);gap:10px;padding:16px;display:grid}.pay-option{border:1.5px solid var(--ink-100);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;margin-bottom:12px;padding:16px 18px;display:flex}.pay-option.selected{border-color:var(--amber-500);background:var(--amber-100)}.pay-option i{color:var(--ink-500);font-size:1.3rem}.order-line{align-items:center;gap:12px;margin-bottom:14px;display:flex}.order-line img{object-fit:contain;background:var(--ink-50);border-radius:var(--radius-sm);width:50px;height:50px;padding:6px}.order-line strong{font-size:.85rem;display:block}.order-line span{color:var(--ink-500);font-size:.76rem}.order-line .price{margin-left:auto;font-size:.88rem;font-weight:700}.auth-wrap{justify-content:center;align-items:center;min-height:80vh;padding:50px 20px;display:flex}.auth-card{border-radius:var(--radius-lg);width:100%;max-width:960px;box-shadow:var(--shadow-lg);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-visual{background:linear-gradient(150deg, var(--navy-900), var(--navy-600));color:var(--white);flex-direction:column;justify-content:center;padding:50px;display:flex}.auth-visual h2{color:var(--white);margin-bottom:14px;font-size:1.6rem}.auth-visual ul li{color:var(--ink-300);align-items:center;gap:10px;margin-bottom:14px;font-size:.9rem;display:flex}.auth-visual ul i{color:var(--amber-500)}.auth-form-side{background:var(--white);padding:50px}.auth-form-side h2{margin-bottom:6px;font-size:1.5rem}.auth-error,.auth-success{border-radius:var(--radius-sm);margin:0 0 16px;padding:10px 12px;font-size:.85rem}.auth-error{background:var(--red-100);color:var(--red-500)}.auth-success{background:var(--green-100);color:#15803d}.divider-text{color:var(--ink-300);align-items:center;gap:12px;margin:20px 0;font-size:.8rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--ink-100);flex:1;height:1px}.social-auth-row{gap:10px;display:flex}.social-auth-row .btn{flex:1}.text-link-button{color:var(--amber-600);font-weight:600}.order-card{margin-bottom:16px;padding:20px 22px}.order-card-head{border-bottom:1px solid var(--ink-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;display:flex}.order-track{align-items:center;margin:20px 0;display:flex}.order-track .pt{text-align:center;flex:1;position:relative}.order-track .pt .dot{background:var(--ink-100);width:26px;height:26px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:.75rem;display:flex}.order-track .pt.done .dot{background:var(--green-500)}.order-track .pt span{color:var(--ink-500);font-size:.75rem}.order-track .pt:after{content:"";background:var(--ink-100);z-index:-1;width:100%;height:2px;position:absolute;top:13px;left:50%}.order-track .pt:last-child:after{display:none}.order-track .pt.done:after{background:var(--green-500)}.admin-login-shell{background:linear-gradient(135deg,#0b1220,#1b2540);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-card{background:var(--white);width:min(960px,100%);box-shadow:var(--shadow-lg);border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.admin-login-visual{background:linear-gradient(160deg, var(--navy-900), var(--navy-600));color:var(--white);flex-direction:column;justify-content:center;padding:44px 36px;display:flex}.admin-login-visual h1{color:var(--white);margin:22px 0 12px;font-size:2rem}.admin-login-visual p{color:var(--ink-300)}.admin-login-form{padding:44px 36px}.admin-login-form h2{margin-bottom:18px;font-size:1.8rem}.admin-body{background:var(--bg);min-height:100vh}.admin-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy-900);width:260px;color:var(--white);flex-direction:column;padding:24px 18px;display:flex}.sidebar-brand{font-family:var(--font-head);color:var(--white);align-items:center;gap:10px;margin-bottom:28px;font-size:1.4rem;font-weight:800;display:flex}.sidebar-brand span{color:var(--amber-500)}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-button{color:var(--ink-300);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.nav-button.active,.nav-button:hover{color:var(--white);background:#ffffff14}.nav-badge{background:var(--amber-500);color:var(--navy-900);border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.68rem}.sidebar-footer{margin-top:auto}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:18px;display:flex}.sidebar-user img,.topbar-profile img{border-radius:50%;width:42px;height:42px}.sidebar-user strong,.topbar-profile strong{font-size:.82rem;display:block}.sidebar-user span,.topbar-profile span{color:var(--ink-300);font-size:.72rem;display:block}.logout-button{color:var(--amber-500);margin-left:auto}.admin-main{flex:1}.admin-topbar{background:var(--white);border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;display:flex}.topbar-search{background:var(--ink-50);border:1px solid var(--ink-100);border-radius:12px;align-items:center;gap:8px;min-width:300px;padding:10px 12px;display:flex}.topbar-search input{background:0 0;border:none;width:100%}.topbar-right{align-items:center;gap:14px;display:flex}.topbar-icon{background:var(--ink-50);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.topbar-icon .dot{background:var(--red-500);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.topbar-profile{align-items:center;gap:10px;display:flex}.admin-content{padding:24px}.admin-page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.admin-page-head h1{font-size:2rem}.admin-product-page{gap:20px;display:grid}.admin-lookup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.admin-lookup-card{gap:10px;padding:20px;display:grid}.admin-lookup-card .form-row{gap:10px}.lookup-list{gap:6px;max-height:180px;margin-top:4px;display:grid;overflow-y:auto}.lookup-row{background:var(--ink-50);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:.86rem;display:flex}.admin-product-form{gap:8px;padding:24px;display:grid}.admin-product-form .panel-head{margin-bottom:8px}.admin-product-table{padding:20px}.product-admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-breadcrumb{color:var(--ink-500);font-size:.8rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{justify-content:space-between;align-items:center;padding:22px 20px;display:flex}.stat-info{flex:1}.stat-info span{color:var(--ink-500);font-size:.82rem}.stat-info h3{margin:8px 0;font-size:1.8rem}.trend{font-size:.75rem;font-weight:700}.trend.up{color:#16a34a}.trend.down{color:var(--red-500)}.icon-wrap{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.icon-amber{background:var(--amber-100);color:var(--amber-600)}.icon-blue{background:var(--blue-100);color:var(--blue-500)}.icon-red{background:var(--red-100);color:var(--red-500)}.icon-green{background:var(--green-100);color:#16a34a}.dash-grid{grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:24px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:16px;height:220px;padding-top:14px;display:grid}.bar-col{flex-direction:column;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--amber-500), var(--amber-600));border-radius:8px 8px 0 0;width:100%;max-width:32px}.bar-col span{color:var(--ink-500);font-size:.75rem}.bar-col.peak .bar{background:linear-gradient(180deg, var(--navy-900), var(--navy-700))}.donut-wrap{justify-content:center;display:flex}.donut{background:conic-gradient(var(--amber-500) 0 45%, var(--navy-900) 45% 72%, var(--green-500) 72% 90%, var(--ink-100) 90% 100%);border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex}.donut-center{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.legend-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.legend-list li{color:var(--ink-700);align-items:center;gap:10px;font-size:.85rem;display:flex}.dot-sq{border-radius:4px;width:10px;height:10px;display:inline-block}.legend-list .val{color:var(--ink-500);margin-left:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--ink-100);text-align:left;padding:12px 10px;font-size:.88rem}.low-stock-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.low-stock-list li{background:var(--ink-50);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.low-stock-list img{border-radius:8px;width:50px;height:50px}.low-stock-list strong{font-size:.88rem;display:block}.low-stock-list span{color:var(--ink-500);font-size:.76rem}.stock-num{color:var(--amber-600);margin-left:auto;font-weight:700}@media (width<=1080px){.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.perk-grid{grid-template-columns:repeat(2,1fr)}.shop-layout,.cart-layout,.checkout-layout,.product-detail-grid,.auth-card,.admin-login-card{grid-template-columns:1fr}.auth-visual{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.dash-grid,.admin-lookup-grid{grid-template-columns:1fr}}@media (width<=720px){.main-nav{background:var(--white);border-bottom:1px solid var(--ink-100);z-index:90;flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px;transition:transform .25s;position:fixed;top:73px;left:0;right:0;transform:translateY(-120%)}.main-nav.open{transform:translateY(0)}.menu-toggle{display:flex}.hero .container{grid-template-columns:1fr;padding:50px 24px}.hero h1{font-size:2.2rem}.category-grid,.product-grid,.testimonial-grid,.perk-grid,.stat-grid{grid-template-columns:1fr}.brand-strip{justify-content:center}.shop-toolbar{align-items:flex-start}.auth-form-side{padding:28px 20px}.admin-shell{flex-direction:column}.sidebar{width:100%}.sidebar-nav{grid-template-columns:repeat(2,minmax(120px,1fr));display:grid}.admin-topbar{flex-direction:column;align-items:flex-start}.topbar-search{width:100%;min-width:0}}