@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--navbar-height: 74px;--bg-main: #f8f5ef;--bg-panel: #fffdf8;--surface-soft: #fff8ef;--ink: #1d2b2a;--ink-soft: #4d5f5d;--brand: #008768;--brand-strong: #006f55;--accent: #c95c2d;--warn: #ad7d16;--danger: #b23b35;--line: #e8dfd0;--radius: 18px;--shadow-soft: 0 18px 40px rgba(26, 56, 53, .08);--topbar-bg: rgba(248, 245, 239, .86);--hero-grad-start: #fff8ee;--hero-grad-end: #eefdf8;--media-bg: #ece9e1;--nav-active-bg: #e6f5f0;--nav-active-ink: #094537;--ghost-border: #c5dbd4;--ghost-ink: #135648;--ghost-bg-hover: #e9f7f3;--chip-bg: #effaf6;--chip-border: #d7e9e3;--chip-ink: #135746;--bg-glow-a: #fff2df;--bg-glow-b: #e8fff7;--grid-line: rgba(0, 0, 0, .012)}:root[data-theme=dark]{--bg-main: #20252d;--bg-panel: #2a3038;--surface-soft: #303842;--ink: #e7edf1;--ink-soft: #b2bcc6;--brand: #1ea985;--brand-strong: #18876b;--accent: #ffa877;--warn: #d1a55a;--danger: #d86661;--line: #434d59;--shadow-soft: 0 16px 34px rgba(0, 0, 0, .36);--topbar-bg: rgba(33, 37, 45, .9);--hero-grad-start: #333b46;--hero-grad-end: #29343b;--media-bg: #343d49;--nav-active-bg: #31424b;--nav-active-ink: #d7ece4;--ghost-border: #5b6a7b;--ghost-ink: #d2e2ec;--ghost-bg-hover: #384653;--chip-bg: #344451;--chip-border: #4d6072;--chip-ink: #dbe8ef;--bg-glow-a: #2a3340;--bg-glow-b: #25333d;--grid-line: rgba(255, 255, 255, .018)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 0% 0%,var(--bg-glow-a) 0%,transparent 42%),radial-gradient(circle at 100% 10%,var(--bg-glow-b) 0%,transparent 36%),var(--bg-main);line-height:1.45;transition:background-color .18s ease,color .18s ease;overflow-x:hidden}a{color:inherit}h1,h2,h3,h4{margin:0;font-family:Fraunces,serif;font-weight:700;color:var(--ink)}p{margin:0}img{max-width:100%;display:block}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:12px;padding:.62rem .75rem;width:100%;background:var(--bg-panel);color:var(--ink)}textarea{resize:vertical}label{display:grid;gap:.35rem;font-size:.93rem;color:var(--ink-soft)}.wrap{width:min(1160px,calc(100% - 2rem));margin:0 auto;max-width:100%}.page{padding-block:1.4rem 2.8rem;max-width:100%;overflow-x:hidden}.app-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-line) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--topbar-bg);position:sticky;top:0;z-index:40}.topbar__inner{min-height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:.65rem}.brand{text-decoration:none;display:grid;gap:.08rem}.brand__kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.brand__title{font-size:1.12rem;font-weight:700}.navlinks{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.navlinks a{text-decoration:none;padding:.4rem .72rem;border-radius:999px;color:var(--ink-soft);transition:.15s ease}.navlinks a.active,.navlinks a:hover{background:var(--nav-active-bg);color:var(--nav-active-ink)}.topbar__actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.section{display:grid;gap:1rem;max-width:100%}.section__head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:1.2rem;align-items:stretch;padding:1rem;border-radius:var(--radius);background:linear-gradient(130deg,var(--hero-grad-start),var(--hero-grad-end));border:1px solid var(--line);box-shadow:var(--shadow-soft)}.hero h1{font-size:clamp(1.65rem,3.4vw,2.8rem);line-height:1.03;margin:.38rem 0 .65rem}.hero__actions{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}.hero__card{background:var(--bg-panel);border-radius:16px;border:1px solid var(--line);padding:1rem}.hero__card ul{margin:.6rem 0 0;padding-left:1rem;display:grid;gap:.32rem;color:var(--ink-soft)}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1rem;max-width:100%;min-width:0}.card--inset{background:#f5fbf8;border-style:dashed}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.product-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 35px #1c3c3824}.product-card__media{aspect-ratio:16 / 10;background:var(--media-bg)}.product-card__media img{width:100%;height:100%;object-fit:cover}.product-card__body{padding:.9rem;display:grid;gap:.45rem}.product-card__body h3{font-size:1.15rem}.product-card__body h3 a{text-decoration:none}.product-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.product-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-detail>*{min-width:0}.product-detail__media{border-radius:14px;overflow:hidden;background:var(--media-bg);min-height:300px}.product-detail__media img{width:100%;height:100%;object-fit:cover}.product-gallery{display:grid;gap:.7rem;height:100%}.product-gallery__main{border-radius:14px;overflow:hidden;background:var(--media-bg);min-height:360px}.product-gallery__main img{width:100%;height:100%;object-fit:cover}.product-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:.5rem}.product-gallery__thumb{border:1px solid var(--line);background:var(--bg-panel);border-radius:12px;overflow:hidden;padding:0;cursor:pointer;height:78px}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.product-gallery__thumb--active{border-color:var(--brand);box-shadow:0 0 0 2px #00876833}.product-detail__content{display:grid;gap:.6rem}.product-price{font-family:Fraunces,serif;font-size:clamp(1.4rem,2.4vw,1.85rem);color:var(--ink)}.variant-specs{display:grid;gap:.35rem;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:.55rem 0}.variant-specs p{display:flex;justify-content:space-between;gap:.6rem}.variant-specs span{color:var(--ink-soft);text-transform:capitalize}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.split-grid>*{min-width:0}.stack-gap{display:grid;gap:1rem}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.toolbar{display:grid;grid-template-columns:2fr 1fr auto;gap:.55rem}.table-wrap{overflow-x:auto}.table input[type=number],.table select{min-width:82px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem;vertical-align:middle}.table th{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.order-card{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:1rem}.order-card__meta{display:grid;gap:.42rem;justify-items:end}.order-card__items{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}.order-card__thumb{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);overflow:hidden;background:var(--media-bg);display:block}.order-card__thumb img{width:100%;height:100%;object-fit:cover}.order-summary{display:grid;gap:.8rem}.payment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.payment-detail-grid p{margin:0;display:grid;gap:.2rem}.payment-detail-grid span{color:var(--ink-soft);font-size:.82rem}.order-summary p,.money-grid p{display:flex;justify-content:space-between;gap:1rem}.money-grid{margin-top:.5rem;display:grid;gap:.35rem}.review-item{border-top:1px dashed var(--line);padding-top:.65rem;margin-top:.65rem;display:grid;gap:.2rem}.card-list{display:grid;gap:.75rem}.list-clean{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.line-item{display:flex;align-items:center;gap:.72rem;min-width:0}.line-item--compact{gap:.6rem}.line-item__media{width:72px;height:72px;border-radius:11px;border:1px solid var(--line);overflow:hidden;background:var(--media-bg);flex-shrink:0;display:block;text-decoration:none}.line-item--compact .line-item__media{width:60px;height:60px}.line-item__media img{width:100%;height:100%;object-fit:cover}.line-item__meta{min-width:0;display:grid;gap:.2rem;overflow-wrap:anywhere}.line-item__name{color:var(--ink);text-decoration:none;font-weight:600;width:fit-content}.line-item__name:hover{text-decoration:underline}.checkout-item-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;border-top:1px dashed var(--line);padding-top:.62rem}.checkout-item-row:first-child{border-top:none;padding-top:0}.delivery-note{border-radius:12px;border:1px solid #f0d09a;background:#fff8e8;color:#734d0d;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .74rem}.delivery-note__close{border:none;background:transparent;cursor:pointer;color:inherit;font-weight:700;font-size:.95rem;line-height:1}.payment-modes{display:grid;grid-template-columns:1fr;gap:.5rem}.payment-mode-card{border:1px solid var(--line);background:var(--bg-panel);border-radius:12px;padding:.68rem .76rem;text-align:left;cursor:pointer}.payment-mode-card--active{border-color:var(--brand);background:color-mix(in srgb,var(--chip-bg) 86%,var(--bg-panel))}.bank-carousel{overflow:hidden;border-radius:12px;border:1px dashed var(--line);padding:.45rem 0}.bank-carousel__track{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;animation:marquee 18s linear infinite;will-change:transform}.order-line{border-top:1px dashed var(--line);padding-top:.62rem;margin-top:.62rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.order-line:first-child{border-top:none;padding-top:0;margin-top:0}.order-detail-page{max-width:100%}.order-detail-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.45fr);align-items:start;max-width:100%}.order-detail-layout__left,.order-detail-layout__right{min-width:0}.status-stack{display:grid;gap:.35rem}.address-item{border-top:1px dashed var(--line);padding-top:.65rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.metric-card{background:linear-gradient(120deg,var(--hero-grad-start),var(--hero-grad-end));border:1px solid var(--line);border-radius:14px;padding:.95rem}.metric-card p{color:var(--ink-soft)}.metric-card strong{font-size:1.5rem}.admin-layout{display:grid;grid-template-columns:270px 1fr;gap:1rem}.admin-layout>*{min-width:0}.admin-sidebar{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;height:fit-content;position:sticky;top:90px}.admin-nav{margin-top:.8rem;display:grid;gap:.35rem}.admin-nav a{text-decoration:none;padding:.55rem .68rem;border-radius:10px;color:var(--ink-soft);border:1px solid transparent}.admin-nav a.active,.admin-nav a:hover{border-color:#bfe9db;color:#014234;background:#e8fbf4}.admin-content{min-width:0}.btn{border:none;border-radius:12px;padding:.66rem .95rem;background:var(--brand);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:600;transition:.15s ease}.btn:hover{background:var(--brand-strong)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;border:1px solid var(--ghost-border);color:var(--ghost-ink)}.btn--ghost:hover{background:var(--ghost-bg-hover)}.btn--danger{background:var(--danger)}.btn--small{padding:.5rem .78rem;font-size:.88rem}.alert{border-radius:12px;padding:.72rem .86rem;border:1px solid}.alert--error{background:#ffefee;border-color:#f5bfbc;color:#7e1f1b}.alert--success{background:#e9fbf2;border-color:#bce5d0;color:#145238}.muted{color:var(--ink-soft)}.small{font-size:.86rem}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.inline-link{color:var(--brand)}.chip-list,.row-gap{display:flex;gap:.55rem;flex-wrap:wrap}.checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.checkout-step{border:1px solid var(--line);border-radius:12px;background:var(--bg-panel);padding:.65rem .72rem;display:flex;align-items:center;gap:.55rem}.checkout-step span{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--ink-soft);font-size:.8rem}.checkout-step strong{font-size:.9rem}.checkout-step--active{border-color:var(--brand);background:var(--chip-bg)}.checkout-step--active span{border-color:var(--brand);color:var(--brand)}.status-row{margin-top:.6rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.row-gap--tight{gap:.4rem}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.pagination-actions{display:flex;gap:.4rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.23rem .64rem;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-ink);font-size:.82rem}.chip--link{text-decoration:none}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:.77rem;text-transform:uppercase;letter-spacing:.04em;background:#ecf1f1;color:#385654}.status-pill--good{background:#e3f7ef;color:#0d5f44}.status-pill--warn{background:#fff3d9;color:#855804}.status-pill--bad{background:#fde8e7;color:#8b2520}.section__head--compact{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:auto}.full-width{width:100%}.centered-screen,.centered-inline{display:flex;align-items:center;justify-content:center;gap:.7rem}.centered-screen{min-height:45vh;flex-direction:column}.auth-wrap{display:grid;place-items:center;min-height:72vh}.auth-card{width:min(520px,100%);display:grid;gap:.7rem}.footer{border-top:1px solid var(--line);margin-top:2rem;padding-block:1rem;background:var(--topbar-bg)}.footer__inner{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;color:var(--ink-soft);font-size:.92rem}.loader{width:20px;height:20px;border:3px solid #c3ddd4;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-soft);font-size:.9rem}.two-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fade-in{animation:fadeUp .26s ease}.stagger{animation:fadeUp .36s ease both}.theme-toggle{min-width:108px}.toast-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:90;padding:.62rem .95rem;border-radius:999px;border:1px solid;box-shadow:var(--shadow-soft)}.toast-banner--success{background:#e9fbf2;border-color:#bce5d0;color:#145238}.toast-stack{position:fixed;top:calc(var(--navbar-height) + 10px);left:50%;transform:translate(-50%);z-index:110;display:grid;gap:.5rem;width:min(640px,calc(100% - 1.2rem));pointer-events:none}.toast-global{pointer-events:auto;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel);color:var(--ink);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.62rem .78rem}.toast-global--success{background:#e9fbf2;border-color:#bce5d0;color:#145238}.toast-global--error{background:#ffefee;border-color:#f5bfbc;color:#7e1f1b}.toast-global__close{border:none;background:transparent;color:inherit;cursor:pointer;font-weight:700;font-size:.95rem;line-height:1;border-radius:6px;padding:.2rem .35rem}.payment-result-screen{min-height:100vh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 8% 8%,rgba(201,92,45,.17),transparent 26%),radial-gradient(circle at 92% 0%,rgba(0,135,104,.18),transparent 28%),linear-gradient(180deg,var(--hero-grad-start),var(--bg-main));padding:clamp(2rem,4vw,4rem) 1rem}.payment-result-screen:before,.payment-result-screen:after{content:"";position:absolute;inset:auto;border-radius:999px;pointer-events:none;z-index:-1}.payment-result-screen:before{width:280px;height:280px;top:-60px;right:min(10vw,80px);background:#00876814;filter:blur(12px)}.payment-result-screen:after{width:220px;height:220px;bottom:-50px;left:min(8vw,64px);background:#c95c2d14;filter:blur(10px)}.payment-result-screen--failure{background:radial-gradient(circle at 10% 8%,rgba(201,92,45,.18),transparent 26%),radial-gradient(circle at 88% 0%,rgba(178,59,53,.16),transparent 28%),linear-gradient(180deg,var(--hero-grad-start),var(--bg-main))}.payment-result-card{width:min(560px,100%);border-radius:28px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg-panel),var(--surface-soft));box-shadow:0 26px 60px #1938341f;padding:clamp(1.5rem,4vw,2.35rem);color:var(--ink);text-align:center;display:grid;gap:1.05rem}.payment-result-card:before{content:"";position:absolute;inset:0 0 auto;height:6px}.payment-result-card--success:before{background:linear-gradient(90deg,var(--brand),#41b883)}.payment-result-card--failure:before{background:linear-gradient(90deg,var(--danger),#e17d5f)}.payment-result-card h1{margin:0;font-size:clamp(1.85rem,4vw,2.55rem)}.payment-result-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--ink-soft)}.payment-result-card__copy{margin:0 auto;max-width:42ch;color:var(--ink-soft)}.payment-result-card__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.payment-result-icon{width:132px;height:132px;margin:0 auto .5rem;filter:drop-shadow(0 16px 24px rgba(19,63,54,.12))}.payment-result-icon__halo{fill:none;stroke-width:10;opacity:.28;transform-origin:center;animation:paymentHalo .82s ease forwards}.payment-result-icon__halo--success{stroke:#00876852}.payment-result-icon__halo--failure{stroke:#b23b354d}.payment-result-icon__disc{transform-origin:center;animation:paymentPulse .56s ease forwards}.payment-result-icon__disc--success{fill:var(--brand)}.payment-result-icon__disc--failure{fill:var(--danger)}.payment-result-icon__mark{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:drawStroke .62s ease .2s forwards}.payment-result-meta{display:grid;gap:.7rem;text-align:left;padding:1rem 1.1rem;border-radius:20px;background:var(--surface-soft);border:1px solid var(--line)}.payment-result-meta p{margin:0;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.payment-result-meta span{color:var(--ink-soft)}.payment-result-meta strong{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes paymentHalo{0%{opacity:0;transform:scale(.76)}to{opacity:.28;transform:scale(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes paymentPulse{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes drawStroke{to{stroke-dashoffset:0}}@media (max-width: 1020px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.product-detail,.split-grid,.admin-layout,.order-detail-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.checkout-item-row,.order-line{align-items:flex-start}.metric-grid,.grid-three{grid-template-columns:1fr 1fr}.payment-detail-grid{grid-template-columns:1fr}}@media (max-width: 720px){.toolbar,.grid-two,.grid-three,.order-card,.checkout-steps,.product-grid,.metric-grid{grid-template-columns:1fr}.payment-result-card{padding:1.5rem 1rem}.payment-result-card__actions{flex-direction:column}.payment-result-card__actions .btn{width:100%}.payment-result-meta p{flex-direction:column;gap:.28rem}.product-card__footer{flex-direction:column;align-items:flex-start}.product-card__actions{width:100%;justify-content:flex-start}.line-item{width:100%}.checkout-item-row,.order-line{flex-direction:column;align-items:stretch}.checkout-item-row>p,.order-line>p{width:100%}.topbar__inner{justify-content:center;width:100%}.navlinks,.topbar__actions{justify-content:center}}