:root{--brand-blue: #0e3a78;--brand-blue-strong: #08244b;--brand-gold: #d9a520;--brand-gold-soft: #f2c14e;--ink: #11203b;--canvas: #f6f8fc;color:var(--ink);background:radial-gradient(circle at 18% 0%,rgba(217,165,32,.28),transparent 34%),radial-gradient(circle at 86% 14%,rgba(14,58,120,.2),transparent 36%),linear-gradient(180deg,#eef3fb 0%,var(--canvas) 56%,#f1f3f8 100%);font-family:Segoe UI,Tahoma,Verdana,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell,.shop-shell{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.shop-shell{display:grid;gap:1.25rem}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:26px;background:#ffffffe6;border:1px solid rgba(14,58,120,.12);box-shadow:0 16px 50px #08244b1a}.shop-brand{color:var(--brand-blue-strong);text-decoration:none}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem}.brand-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid rgba(14,58,120,.12);box-shadow:0 10px 20px #08244b1f}.brand-mark{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(145deg,var(--brand-blue),var(--brand-blue-strong));box-shadow:inset 0 0 0 1px #f2c14e73,0 10px 20px #08244b2e}.brand-title{display:block;font-size:1.05rem;letter-spacing:.02em}.brand-subtitle{display:block;margin-top:.1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-gold)}.shop-nav{display:flex;flex-wrap:wrap;gap:.75rem}.shop-link,.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.7rem 1rem;border-radius:999px;color:#11203b;text-decoration:none;background:#0e3a7814;transition:transform .18s ease,background .18s ease}.shop-link:hover,.nav-link:hover{transform:translateY(-1px)}.shop-link.active,.nav-link.active{background:var(--brand-blue-strong);color:#fff}.shop-link.admin{background:#d9a5203d}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;align-items:start}.dashboard-layout,.shop-stack{display:grid;gap:1.25rem}.panel,.hero-panel{background:#ffffffd6;border:1px solid rgba(17,32,59,.08);border-radius:28px;padding:1.5rem;box-shadow:0 24px 60px #11203b14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel{background:radial-gradient(circle at 85% 20%,rgba(242,193,78,.28),transparent 32%),linear-gradient(145deg,#08244bfa,#0e3a78eb);color:#fefefe}.accent-panel{background:linear-gradient(145deg,#11203bf5,#2c3e50e6),#11203b;color:#fffaf3}.nav-panel{display:flex;gap:.75rem;flex-wrap:wrap}.eyebrow{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--brand-gold-soft)}h1,h2{margin:0}h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:.95;max-width:11ch}.shop-title{max-width:13ch}h2{font-size:1.35rem}.lead,.shop-lead{margin:1rem 0 0;max-width:56ch;color:inherit;opacity:.88}.hero-actions,.feature-list{margin-top:1.5rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem}.hero-insights{display:grid;gap:.8rem;align-content:start}.metric-card{border-radius:20px;padding:1rem;background:#ffffff24;border:1px solid rgba(242,193,78,.28)}.metric-card p{margin:0;font-size:.8rem;opacity:.86;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin-top:.45rem;font-size:1.3rem}.trust-strip{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}.trust-pill{padding:.4rem .75rem;border-radius:999px;background:#ffffff29;border:1px solid rgba(242,193,78,.3);font-size:.8rem}.feature-list{padding-left:1.1rem}.auth-panel{align-self:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.form-grid label{display:grid;gap:.45rem}.form-grid span{font-size:.95rem;font-weight:700}input,select,textarea{width:100%;border:1px solid rgba(17,32,59,.14);border-radius:16px;padding:.85rem .95rem;background:#fffffff0;color:#11203b}textarea{resize:vertical}.full-span,.full-width{grid-column:1 / -1}.checkbox-row{display:flex!important;align-items:center;gap:.75rem}.checkbox-row input{width:18px;height:18px}.field-error{margin:0;color:#a12323}.image-preview{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid rgba(17,32,59,.08);border-radius:20px;background:#f6f1e8b8}.image-preview img{max-width:100%;max-height:240px;border-radius:16px;object-fit:cover}.action-row,.filter-row,.pagination-row{display:flex;gap:.75rem;flex-wrap:wrap}.filter-stack{display:grid;gap:.75rem;margin-bottom:1rem}.pill-row{display:flex;gap:.55rem;flex-wrap:wrap}.filter-pill{border:1px solid rgba(14,58,120,.22);background:#0e3a780f;color:var(--ink);padding:.45rem .82rem;border-radius:999px;cursor:pointer}.filter-pill.active{background:var(--brand-blue-strong);color:#fff;border-color:var(--brand-blue-strong)}.action-row{grid-column:1 / -1}.pagination-row{margin-top:1rem;align-items:center;justify-content:space-between}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;text-decoration:none}.button:hover,.mini-button:hover{transform:translateY(-1px)}.button:disabled,.mini-button:disabled{opacity:.7;cursor:wait}.button.primary{background:linear-gradient(145deg,var(--brand-gold),var(--brand-gold-soft));color:#1d1d1d;box-shadow:0 14px 30px #d9a52052}.button.secondary,.button.ghost{background:transparent;color:inherit;border-color:#11203b2e}.mini-button{border:1px solid rgba(17,32,59,.14);background:#fff;color:#11203b;border-radius:999px;padding:.45rem .8rem;cursor:pointer;text-decoration:none}.mini-button.danger{color:#a12323;border-color:#a123232e;background:#cc33330d}.dashboard-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.message{margin:0;padding:.95rem 1rem;border-radius:18px}.message.error{background:#cc33331a;color:#a12323}.message.info{background:#11203b14;color:#11203b}.message.success{background:#228b221a;color:#1e6a1e}.hint{margin-bottom:0;color:#5a687d}.stats-grid,.content-grid,.tables-grid,.catalog-grid,.chip-grid,.tracking-grid{display:grid;gap:1.25rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.content-grid,.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.catalog-grid-fixed{grid-template-columns:repeat(auto-fill,minmax(290px,290px));justify-content:center}.catalog-grid-fixed .product-card{width:290px}.chip-grid,.tracking-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.single-column{grid-template-columns:1fr}.stat-card strong{display:block;margin-top:.5rem;font-size:1.8rem}.small-strong{font-size:1rem!important;word-break:break-word}.stat-label{color:#5a687d;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.section-heading{margin-bottom:1rem}.section-heading p{margin:.35rem 0 0;color:#5a687d}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:.85rem .65rem;border-bottom:1px solid rgba(17,32,59,.08);vertical-align:top}.table-actions{display:flex;gap:.5rem;flex-wrap:wrap}.align-right{justify-content:flex-end}.product-list,.order-detail-stack,.cart-list{display:grid;gap:.85rem}.product-row,.cart-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:18px;background:#f6f1e8b8}.product-row p,.check-card p,.order-summary-card p,.cart-row p,.muted-line{margin:.3rem 0 0;color:#5a687d}.product-meta,.cart-row-side{display:grid;gap:.5rem;text-align:right;min-width:180px;color:#34425b}.cart-row-side input{max-width:96px;justify-self:end}.cart-row-main{display:grid;gap:.3rem}.order-summary-card,.category-chip,.product-card,.success-panel,.tracking-card{border-radius:20px;background:#ffffffdb;border:1px solid rgba(17,32,59,.08)}.order-summary-card,.success-panel,.tracking-card{padding:1rem}.category-chip{display:grid;gap:.25rem;padding:1rem;text-decoration:none;color:#11203b;background:#f6f1e8b8}.product-card{overflow:hidden;box-shadow:0 18px 40px #11203b12;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 24px 45px #08244b24}.product-card-animated{animation:rise-in .42s ease both}.product-thumb{height:220px;background:linear-gradient(180deg,#f6f1e8e6,#e6eef7e6);display:flex;align-items:center;justify-content:center;color:#5a687d}.product-thumb img,.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-card-body{display:grid;gap:1rem;padding:1rem}.product-card-footer,.order-totals{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.product-card-footer.split{align-items:flex-end}.stock-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.78rem}.stock-badge.in{background:#228b2224;color:#1e6a1e}.stock-badge.out{background:#cc333324;color:#a12323}.product-detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem}.product-detail-image{min-height:420px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f6f1e8e6,#e6eef7e6)}.product-detail-copy{display:grid;gap:1rem}.detail-meta,.empty-state{display:grid;gap:.5rem}.empty-state{justify-items:start}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:radial-gradient(circle at 20% 12%,rgba(217,165,32,.18),transparent 35%),linear-gradient(145deg,#08244bf2,#0e3a78e6);color:#fff}.cta-band .hint{color:#ffffffd1}.skeleton-card{pointer-events:none}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);animation:shimmer-move 1.4s infinite}.shimmer-line{height:10px;border-radius:999px;background:#0e3a781f}.shimmer-line.short{width:45%}.shimmer-line.medium{width:68%}.reveal-up{animation:rise-in .42s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-move{to{transform:translate(100%)}}.cart-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.check-card{border-radius:22px;padding:1rem;background:#11203b0d}@media(max-width:1080px){.auth-layout,.content-grid,.tables-grid,.stats-grid,.check-grid,.product-detail-layout,.hero-grid{grid-template-columns:1fr}.dashboard-header,.product-row,.pagination-row,.product-card-footer,.cart-row,.cart-summary,.shop-header,.cta-band{flex-direction:column}.product-meta,.cart-row-side,.align-right{text-align:left;justify-content:flex-start}.cart-row-side input{justify-self:start}}@media(max-width:720px){.app-shell,.shop-shell{width:min(100% - 1rem,1280px);padding-top:1rem}.panel,.hero-panel,.shop-header{padding:1.1rem;border-radius:22px}.form-grid{grid-template-columns:1fr}.brand-title{font-size:.95rem}.brand-subtitle{font-size:.68rem}}