:root{--bg: #f2f3f4;--bg-deep: #e8eaec;--ink: #252a27;--muted: #6f7772;--line: rgba(255, 255, 255, .62);--line-strong: rgba(37, 42, 39, .12);--card: rgba(255, 255, 255, .55);--card-solid: rgba(255, 255, 255, .82);--glass: rgba(255, 255, 255, .48);--glass-strong: rgba(255, 255, 255, .68);--glass-tint: rgba(111, 119, 114, .04);--soft: rgba(111, 119, 114, .1);--accent: #009e4e;--accent-hover: #08773f;--accent-soft: rgba(0, 158, 78, .1);--danger: #9b2c2c;--ok: #08773f;--blur: 22px;--blur-strong: 32px;--shadow: 0 10px 28px rgba(37, 42, 39, .07), 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 rgba(37, 42, 39, .04) inset;--shadow-soft: 0 6px 18px rgba(37, 42, 39, .05), 0 1px 0 rgba(255, 255, 255, .75) inset;--radius: 20px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(ellipse 70% 50% at 100% -8%,rgba(180,186,182,.22),transparent 55%),radial-gradient(ellipse 55% 40% at 0% 15%,rgba(200,204,200,.2),transparent 50%),linear-gradient(165deg,#f7f8f7,#eef0ef,#e8ebe9);background-attachment:fixed;min-height:100%}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:transparent}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.glass,.topbar,.mobile-dock,.card,.account-dropdown,.search-row input,.table,.empty,.auth-panel,.product-image-frame,.product-media,.history-stat,.toast{-webkit-backdrop-filter:blur(var(--blur)) saturate(1.65);backdrop-filter:blur(var(--blur)) saturate(1.65)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;border:0;background:var(--accent);color:#fff;border-radius:999px;padding:.72rem 1.25rem;font-weight:600;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-soft)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:var(--glass);color:var(--ink);border:1px solid var(--line-strong);font-weight:500;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}button.secondary:hover:not(:disabled){background:var(--glass-strong);box-shadow:var(--shadow)}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{max-width:1120px;margin:0 auto;padding:calc(.75rem + var(--safe-top)) 1.1rem calc(5.5rem + var(--safe-bottom))}.topbar{display:flex;align-items:center;gap:1rem;padding:.55rem .85rem;margin:0 0 1.15rem;position:sticky;top:var(--safe-top);z-index:20;direction:ltr;background:#ffffff9e;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px) saturate(1.55);backdrop-filter:blur(18px) saturate(1.55);isolation:isolate}.topbar:before{display:none}.brand{display:flex;align-items:center;gap:.45rem;flex-shrink:0;min-width:0;padding:.1rem 0;margin-right:.25rem;text-decoration:none;color:inherit}.brand-logo{display:block;height:1.7rem;width:auto;max-width:8.5rem;object-fit:contain}.brand-wordmark{display:block;font-family:Vazirmatn,Tahoma,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;line-height:1;color:var(--muted);white-space:nowrap;padding-top:.1rem}.nav{display:flex;align-items:center;gap:.1rem;flex:0 1 auto;min-width:0;flex-wrap:nowrap}.nav a{color:var(--muted);background:transparent;border-radius:999px;padding:.45rem .9rem;font-weight:600;font-size:.9rem;transition:background .14s ease,color .14s ease;white-space:nowrap}.nav a:hover{background:var(--soft);color:var(--ink);box-shadow:none}.nav a.active{background:#252a2712;color:var(--ink);box-shadow:none}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-shrink:0;margin-inline-start:auto}.topbar-icon{width:2.25rem;height:2.25rem;padding:0;display:grid;place-items:center;position:relative;border-radius:999px;border:0;background:transparent;color:var(--ink);transition:background .14s ease,color .14s ease}.topbar-icon:hover,.topbar-icon.active,.account-menu.open .topbar-icon{background:var(--soft);color:var(--ink);box-shadow:none}.topbar-icon .count{position:absolute;top:-.1rem;left:-.05rem;min-width:1.05rem;height:1.05rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.66rem;font-weight:700;display:grid;place-items:center;line-height:1}.topbar-login{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:0 .95rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:650;font-size:.88rem;transition:background .14s ease,opacity .14s ease}.topbar-login:hover{background:#1a1f1c}.account-menu{position:relative}.account-trigger{border:1px solid var(--line);cursor:pointer;font:inherit}.account-dropdown{position:absolute;top:calc(100% + .45rem);left:0;min-width:12rem;padding:.35rem;border-radius:16px;border:1px solid var(--line);background:var(--card-solid);box-shadow:var(--shadow);display:grid;gap:.15rem;z-index:40;animation:rise .16s ease both;overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}.account-dropdown-head{display:grid;gap:.1rem;padding:.55rem .75rem .45rem;border-bottom:1px solid var(--line-strong);margin-bottom:.15rem}.account-dropdown-head strong{font-size:.9rem;font-weight:700}.account-dropdown-head span{font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown a,.account-dropdown button{display:block;width:100%;border:0;background:transparent;border-radius:10px;padding:.65rem .75rem;text-align:right;color:var(--ink);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{background:var(--soft);color:var(--ink);box-shadow:none}.account-dropdown button.danger{color:var(--danger)}.account-dropdown button.danger:hover{background:#f8e8e8;color:var(--danger)}.nav-cart{position:relative}.page-enter{animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{display:grid;gap:.65rem;margin:.25rem 0 1.35rem}.hero h1{margin:0;font-size:clamp(1.55rem,3.8vw,2.25rem);line-height:1.3;letter-spacing:-.025em;max-width:16ch}.hero p{margin:0;color:var(--muted);max-width:38rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.25rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin:0 0 .85rem}.section-head h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}.section-head span{color:var(--muted);font-size:.88rem}.search-row{display:flex;align-items:center;gap:.4rem;margin-bottom:1.2rem}.search-row input{flex:1;min-width:0;border:1px solid var(--line);background:var(--glass-strong);border-radius:999px;padding:.4rem .9rem;font-size:.86rem;line-height:1.3;box-shadow:var(--shadow-soft);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.search-row input:focus{outline:none;border-color:#6f777259;background:#ffffffdb;box-shadow:0 0 0 3px #6f77721a,var(--shadow-soft)}.search-row button{flex-shrink:0;padding:.4rem .95rem;font-size:.84rem;line-height:1.3;font-weight:650}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.95rem}.card{position:relative;background:linear-gradient(165deg,#ffffffb8,#ffffff6b);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1rem;display:grid;gap:.45rem;isolation:isolate;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.05) 42%,transparent 60%);z-index:0}.card>*{position:relative;z-index:1}a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ffffffd9;background:linear-gradient(165deg,#ffffffe0,#ffffff94)}.card h3{margin:0;font-size:1.02rem;line-height:1.45}.card .meta{color:var(--muted);font-size:.86rem;line-height:1.5}.series-card{min-height:148px;align-content:start;position:relative;overflow:hidden;padding:1.05rem}.series-card:before{content:attr(data-letter);position:absolute;left:-.1rem;bottom:-.55rem;font-size:5.5rem;font-weight:700;line-height:1;color:#6f77721f;pointer-events:none;letter-spacing:-.06em;z-index:0}.series-card .badge{margin-bottom:.15rem}.series-card.soon{opacity:.78}.series-card.soon .meta{font-style:normal}.filters-panel{margin-bottom:1.1rem}.filters-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.filters-grid label{display:grid;gap:.35rem;margin:0;color:var(--muted);font-size:.86rem}.filters-grid input,.filters-grid select{border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem;background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4)}.product-card-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center top;border-radius:12px;border:1px solid var(--line);background:#f4f7f4;margin-bottom:.2rem}.badge{display:inline-flex;align-items:center;width:fit-content;padding:.22rem .58rem;border-radius:999px;background:#ffffff8c;color:var(--muted);border:1px solid var(--line-strong);font-size:.76rem;font-weight:600;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 1px #ffffff80 inset}.badge.muted-badge{background:#eceff1b3;color:#526068;border-color:var(--line-strong)}.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.table th,.table td{padding:.8rem .95rem;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}.table th{background:#6f777214;font-weight:600;font-size:.88rem;color:var(--muted)}.table tr:last-child td{border-bottom:0}.table a{color:var(--ink);font-weight:600}.table a:hover{color:var(--accent)}.table tr.clickable{cursor:pointer;transition:background .12s ease}.table tr.clickable:hover{background:#6f77720f}.table-wrap{overflow-x:auto;width:100%}.auth-panel{max-width:420px;margin:2.5rem auto;background:linear-gradient(165deg,#ffffffb8,#fff6),transparent;border:1px solid var(--line);border-radius:24px;padding:1.6rem;box-shadow:var(--shadow);display:grid;gap:.85rem;animation:rise .28s ease both;-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(1.7);backdrop-filter:blur(var(--blur-strong)) saturate(1.7);isolation:isolate;overflow:hidden}.auth-panel h1{margin:0;font-size:1.45rem;letter-spacing:-.02em}.auth-panel label{display:grid;gap:.35rem;font-size:.92rem;color:var(--muted)}.auth-panel input{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow-soft)}.auth-panel button{width:100%;margin-top:.2rem}.auth-panel a{color:var(--ink);font-weight:600}.auth-panel a:hover{color:var(--accent)}.error{color:var(--danger);font-size:.9rem}.success{color:var(--ok);font-size:.9rem}.muted{color:var(--muted)}.empty{padding:2.4rem 1.4rem;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow-soft);line-height:1.7}.empty strong{color:var(--ink);display:block;margin-bottom:.35rem}.skeleton{background:linear-gradient(90deg,#eceff1 25%,#f4f7f4,#eceff1 75%);background-size:200% 100%;animation:shimmer 1.2s ease infinite;border-radius:12px;min-height:148px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qty{display:inline-flex;align-items:center;gap:.35rem}.qty input{width:4rem;border:1px solid var(--line);border-radius:10px;padding:.4rem .45rem;text-align:center;background:var(--glass-strong);box-shadow:var(--shadow-soft)}.status-pill{display:inline-block;padding:.25rem .65rem;border-radius:999px;background:#ffffff73;border:1px solid var(--line);font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}.status-pill.submitted{background:#eceff1b3;color:#526068}.status-pill.confirmed{background:#009e4e1a;color:var(--ok)}.status-pill.fulfilled{background:#009e4e1f;color:var(--accent)}.status-pill.cancelled{background:#f8e0e0cc;color:#9b2c2c}.workflow-steps{list-style:none;display:flex;gap:0;margin:0;padding:0;align-items:flex-start}.workflow-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative;text-align:center;color:var(--muted);font-size:.9rem}.workflow-step:not(:last-child):after{content:"";position:absolute;top:.55rem;right:calc(50% + .7rem);left:calc(-50% + .7rem);height:2px;background:#d7dde6;z-index:0}.workflow-dot{width:1.15rem;height:1.15rem;border-radius:999px;border:2px solid #c5ced9;background:#fff;position:relative;z-index:1}.workflow-step.done{color:var(--ink)}.workflow-step.done .workflow-dot{background:#08773f;border-color:var(--ink)}.workflow-step.done:not(:last-child):after{background:#08773f}.workflow-step.current{color:#526068;font-weight:600}.workflow-step.current .workflow-dot{border-color:#526068;box-shadow:0 0 0 3px #2f4d8a26}.workflow-step.cancelled{color:#9b2c2c}.workflow-step.cancelled .workflow-dot{border-color:#9b2c2c;background:#9b2c2c;box-shadow:0 0 0 3px #9b2c2c26}.workflow-step.upcoming{color:var(--muted)}.workflow-cancelled-note{margin:.85rem 0 0;color:#9b2c2c;font-size:.92rem}.workflow-hint{margin:.85rem 0 0;text-align:center}.workflow-graphic-panel{background:radial-gradient(ellipse 55% 80% at 100% 0%,rgba(13,87,73,.08),transparent 55%),radial-gradient(ellipse 40% 70% at 0% 100%,rgba(47,77,138,.06),transparent 50%),var(--card);overflow:hidden}.workflow-steps--graphic{gap:.35rem;padding:.35rem .15rem .15rem;align-items:stretch}.workflow-steps--graphic .workflow-step{gap:.55rem;padding:.35rem .4rem .15rem}.workflow-steps--graphic .workflow-step:not(:last-child):after{top:1.55rem;right:calc(50% + 1.55rem);left:calc(-50% + 1.55rem);height:4px;border-radius:999px;background:#dce3de;z-index:0}.workflow-steps--graphic .workflow-step.done:not(:last-child):after{background:linear-gradient(90deg,#08773f,#009e4e)}.workflow-steps--graphic .workflow-step.current:not(:last-child):after{background:linear-gradient(90deg,#526068,#dce3de 70%)}.workflow-node{position:relative;z-index:1;display:grid;place-items:center;width:3.1rem;height:3.1rem}.workflow-node-ring{width:3.1rem;height:3.1rem;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #dce3de;box-shadow:inset 0 0 0 4px #fff,0 6px 16px #16201c14;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.workflow-node-icon{display:grid;place-items:center;color:#6f7772;line-height:0}.workflow-node-icon svg{display:block}.workflow-node-index{position:absolute;bottom:-.15rem;left:-.15rem;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:#eceff1;color:#526068;font-size:.7rem;font-weight:700;display:grid;place-items:center;border:1px solid #dce3de}.workflow-steps--graphic .workflow-label{font-size:.95rem;font-weight:700;line-height:1.35;max-width:11ch}.workflow-caption{font-size:.78rem;color:var(--muted);line-height:1.3}.workflow-steps--graphic .workflow-step.done{color:var(--ink)}.workflow-steps--graphic .workflow-step.done .workflow-node-ring{background:linear-gradient(145deg,#1aad66,#08773f);border-color:var(--ink);box-shadow:0 8px 18px #1f6b4538}.workflow-steps--graphic .workflow-step.done .workflow-node-icon{color:#fff}.workflow-steps--graphic .workflow-step.done .workflow-node-index{background:#6f777214;color:var(--ink);border-color:var(--line-strong)}.workflow-steps--graphic .workflow-step.done .workflow-caption{color:var(--ink)}.workflow-steps--graphic .workflow-step.current{color:#526068}.workflow-steps--graphic .workflow-step.current .workflow-node-ring{background:linear-gradient(145deg,#6f7772,#526068);border-color:#526068;box-shadow:0 0 0 6px #2f4d8a24,0 10px 22px #2f4d8a33;animation:workflow-pulse 1.8s ease-in-out infinite}.workflow-steps--graphic .workflow-step.current .workflow-node-icon{color:#fff}.workflow-steps--graphic .workflow-step.current .workflow-node-index{background:#eceff1;color:#526068;border-color:#dce3de}.workflow-steps--graphic .workflow-step.current .workflow-caption{color:#526068;font-weight:600}.workflow-steps--graphic .workflow-step.cancelled{color:#9b2c2c}.workflow-steps--graphic .workflow-step.cancelled .workflow-node-ring{background:linear-gradient(145deg,#c24a4a,#9b2c2c);border-color:#9b2c2c;box-shadow:0 0 0 6px #9b2c2c1f,0 10px 22px #9b2c2c2e}.workflow-steps--graphic .workflow-step.cancelled .workflow-node-icon{color:#fff}.workflow-steps--graphic .workflow-step.cancelled .workflow-node-index{background:#f8e0e0;color:#9b2c2c;border-color:#e4bcbc}.workflow-steps--graphic .workflow-step.cancelled .workflow-caption{color:#9b2c2c;font-weight:600}.workflow-steps--graphic .workflow-step.upcoming .workflow-node-ring{background:#fff;border-color:#d9d1c3;border-style:dashed}.workflow-steps--graphic .workflow-step.upcoming .workflow-node-icon{opacity:.55}@keyframes workflow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media(max-width:820px){.workflow-steps--graphic{flex-direction:column;gap:.15rem}.workflow-steps--graphic .workflow-step{flex-direction:row;align-items:center;text-align:right;gap:.85rem;padding:.55rem .25rem}.workflow-steps--graphic .workflow-step:not(:last-child):after{top:calc(50% + 1.55rem);bottom:calc(-50% + 1.55rem);right:1.75rem;left:auto;width:4px;height:auto;background:#dce3de}.workflow-steps--graphic .workflow-step.done:not(:last-child):after{background:linear-gradient(180deg,#08773f,#009e4e)}.workflow-steps--graphic .workflow-label{max-width:none}.workflow-steps--graphic .workflow-caption{margin-inline-start:auto}}.page-trail{display:grid;gap:.7rem;margin-bottom:.75rem}.back-button{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;margin:0;padding:.15rem 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;box-shadow:none;cursor:pointer;transition:opacity .14s ease}.back-button:hover{opacity:.72;background:transparent;box-shadow:none}.back-button svg{flex-shrink:0;width:1.25rem;height:1.25rem}.page-trail .breadcrumb{margin:0;padding-top:.15rem;border-top:1px solid var(--line-strong)}.product-hero{margin-bottom:1.15rem}.product-hero h1{margin:.35rem 0 .55rem;font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.02em;line-height:1.35;max-width:46rem}.product-hero-meta{display:flex;flex-wrap:wrap;gap:.45rem .75rem;align-items:center;margin-bottom:.55rem}.product-blurb{margin:0;color:var(--muted);max-width:44rem;line-height:1.7;font-size:.95rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;color:var(--muted);font-size:.88rem}.breadcrumb a{color:var(--ink);font-weight:600}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.product-layout{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:1rem;align-items:start}.product-media{position:sticky;top:5.5rem;padding:.85rem}.product-media-grid{display:grid;gap:.85rem}.product-media-slot-label{font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:.35rem}.product-image-frame{border-radius:16px;border:1px solid var(--line);background:linear-gradient(165deg,#ffffffb3,#ffffff59),transparent;box-shadow:var(--shadow-soft);overflow:hidden}.product-image-frame.is-empty{background:repeating-linear-gradient(-45deg,#f4f7f4,#f4f7f4 8px,#eaf0ea 8px 16px)}.product-image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:contain;padding:.75rem;background:transparent;border:0;border-radius:0}.product-media-empty{display:grid;place-items:center;aspect-ratio:4 / 3;padding:.75rem;color:var(--muted);font-size:.85rem;font-weight:600;text-align:center}.pdf-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.85rem;color:var(--ink);font-weight:600;font-size:.92rem}.pdf-link:hover{color:var(--accent);text-decoration:underline}.product-main{display:grid;gap:1rem}.product-buy h2{margin-top:0}.product-buy-head h3{margin:.2rem 0 0;font-size:1.02rem;font-weight:650;line-height:1.45}.product-sku-code{font-weight:700;color:var(--ink);letter-spacing:.02em}.field-label{display:block;color:var(--muted);font-size:.84rem;font-weight:600;margin-bottom:.35rem}.sku-picker{margin-bottom:.85rem}.sku-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0}.sku-chip{background:#eceeea;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.42rem .85rem;font-weight:600}.sku-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.attr-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1rem}.attr-pills.compact{margin:0}.product-price-block{display:grid;gap:.2rem;margin-bottom:1rem;padding:.85rem .95rem;background:#ffffff8c;border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow-soft)}.price-line{font-size:1.35rem;font-weight:750;margin:0;letter-spacing:-.01em;color:var(--accent)}.qty-row{display:grid;gap:.45rem;margin-bottom:1rem}.qty-control{display:inline-flex;align-items:center;gap:.35rem}.qty-btn{width:2.4rem;height:2.4rem;padding:0;border-radius:12px;font-size:1.15rem;line-height:1}.qty-input{width:4.2rem;text-align:center;border:1px solid var(--line);border-radius:12px;padding:.55rem .4rem;background:#fff}.qty-hint{margin-top:.15rem}.product-actions{display:flex;flex-wrap:wrap;gap:.55rem}.product-actions>button,.product-actions .button-link button{flex:1;min-width:10rem}.button-link{display:contents}.product-sku-table h2{margin-top:0}.specs-table th{width:38%;background:#6f777214;color:var(--muted);font-weight:600}.thumb{width:56px;height:42px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f4f7f4}.row-active td{background:#f3faf7}button.linkish{background:transparent;color:var(--accent);padding:0;border-radius:0;box-shadow:none;font-weight:700}button.linkish:hover{background:transparent;text-decoration:underline;box-shadow:none}.success{color:var(--ok);margin:.65rem 0 0}.profile-dl{display:grid;gap:.85rem;margin:0}.profile-dl div{display:grid;gap:.2rem}.profile-dl dt{color:var(--muted);font-size:.85rem}.profile-dl dd{margin:0;font-weight:600}.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.danger-zone h2{color:var(--danger)}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:.55rem;font-size:.92rem;color:var(--muted)}.checkbox-row input{width:auto;margin:0}button.btn-danger,.btn-danger{background:var(--danger);color:#fff;border:none}button.btn-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){filter:brightness(.95)}.legal-page{max-width:42rem;margin:0 auto;padding:1.25rem 1rem 6rem;line-height:1.75}.legal-page h1{font-size:1.45rem;margin:0 0 .75rem}.legal-page h2{font-size:1.05rem;margin:1.4rem 0 .45rem}.legal-page p,.legal-page li{color:var(--ink);font-size:.95rem}.legal-page .muted{color:var(--muted)}.app-footer-links{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;justify-content:center;padding:.75rem 1rem 5.5rem;font-size:.82rem}.app-footer-links a{color:var(--muted);font-weight:600}.app-footer-links a:hover{color:var(--accent)}.card h2{margin:0 0 .75rem;font-size:1.08rem;letter-spacing:-.01em}.card h3{margin:.25rem 0 .5rem;font-size:1.05rem}.card label{display:grid;gap:.35rem;margin-bottom:.75rem;color:var(--muted);font-size:.9rem}.card input,.card textarea{border:1px solid var(--line);border-radius:12px;padding:.72rem .85rem;background:#fff;color:var(--ink)}.order-list{display:grid;gap:.75rem}.order-card{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;align-items:center}.order-card .order-no{font-weight:700;color:var(--accent)}.order-card .amount{font-weight:700;justify-self:end}.history-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.history-hero h1{max-width:none}.history-hero-cta{flex-shrink:0}.history-toolbar{display:grid;gap:.85rem;margin-bottom:1.25rem}.history-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.history-stat{background:linear-gradient(165deg,#ffffffa8,#ffffff5c),transparent;border:1px solid var(--line);border-radius:16px;padding:.75rem .9rem;display:grid;gap:.2rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}.history-stat span{color:var(--muted);font-size:.78rem}.history-stat strong{font-size:1.25rem;letter-spacing:-.02em}.history-stat.waiting strong{color:#526068}.history-stat.confirmed strong{color:var(--ok)}.history-stat.fulfilled strong{color:var(--accent)}.history-filters{display:flex;flex-wrap:wrap;gap:.35rem;padding:.3rem;background:var(--glass);border:1px solid var(--line);border-radius:999px;width:fit-content;max-width:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}.history-filter{background:transparent;color:var(--muted);border:0;border-radius:999px;padding:.55rem .95rem;font-weight:600;font-size:.88rem;box-shadow:none}.history-filter:hover:not(:disabled){background:var(--soft);color:var(--ink);box-shadow:none}.history-filter.active{background:var(--ink);color:#fff}.history-filter.active:hover:not(:disabled){background:#1a1f1c;color:#fff}.history-skeleton{min-height:180px;border-radius:var(--radius)}.history-empty-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:1rem}.history-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}.history-table-wrap>.table{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}.history-table .order-no{font-weight:700;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}.history-table .amount{font-weight:700;white-space:nowrap}.history-date{display:grid;gap:.1rem}.history-date strong{font-variant-numeric:tabular-nums;white-space:nowrap}.history-table .status-pill{white-space:nowrap}.history-items-table{table-layout:fixed}.history-items-table .col-index{width:4.25rem}.history-items-table .col-code{width:7.5rem}.history-items-table .col-name{width:auto}.history-items-table .col-qty{width:5.5rem}.history-items-table .col-price,.history-items-table .col-total{width:9.5rem}.history-items-table th,.history-items-table td{vertical-align:middle}.history-items-table tbody tr:hover{background:#6f77720f}.history-items-table .sku-code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:700;color:var(--ink);background:var(--soft);border-radius:8px;padding:.2rem .45rem;letter-spacing:.02em}.history-items-table .num,.history-items-table th:nth-child(4),.history-items-table th:nth-child(5),.history-items-table th:nth-child(6){text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:plaintext}.history-items-table th:nth-child(1),.history-items-table td:nth-child(1){text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.history-items-table tfoot th,.history-items-table tfoot td{background:#6f777214;border-bottom:0;font-weight:700;padding-top:.95rem;padding-bottom:.95rem}.history-items-table tfoot th{text-align:right;color:var(--ink);font-size:.95rem}.history-items-table tfoot .amount{color:var(--accent);font-size:1.02rem}.history-detail-hero h1{max-width:none}.history-detail-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.85rem;align-items:flex-start}.history-detail-badges{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.history-status-banner{margin:-.35rem 0 1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--line);background:#ffffffd9;color:var(--muted);font-size:.92rem;line-height:1.6}.history-status-banner.submitted{background:#eef2fb;border-color:#d5def0;color:#526068}.history-status-banner.confirmed{background:#eaf6ef;border-color:#cfe5d8;color:var(--ink)}.history-status-banner.fulfilled{background:var(--soft);border-color:#bddfd4;color:var(--accent)}.history-status-banner.cancelled{background:#f8e8e8;border-color:#ebcfcf;color:var(--danger)}.history-detail-stack{display:grid;gap:1.15rem}.history-panel-block{display:grid;gap:.65rem}.history-panel-block .section-head{margin:0}.history-panel{gap:.85rem}.history-panel .section-head{margin-bottom:0}.history-info-table th[scope=row],.history-notes-table th[scope=row]{width:8.5rem;white-space:nowrap;background:#6f777214;color:var(--muted);font-weight:600;font-size:.88rem;vertical-align:top}.history-info-table td,.history-notes-table td{vertical-align:top}.history-info-table .order-no,.history-items-table .order-no{font-weight:700;color:var(--accent);letter-spacing:-.01em}.history-info-table .amount{font-weight:700;white-space:nowrap}.history-notes-table td{line-height:1.6;white-space:pre-wrap}.status-timeline{list-style:none;margin:0;padding:.15rem .15rem 0 0;display:grid;gap:0}.status-timeline-item{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.75rem;align-items:stretch}.status-timeline-rail{position:relative;display:flex;justify-content:center}.status-timeline-rail:before{content:"";position:absolute;top:1rem;bottom:0;width:1px;background:#d5d0c4}.status-timeline-item:last-child .status-timeline-rail:before{display:none}.status-timeline-dot{width:.7rem;height:.7rem;margin-top:.4rem;border-radius:50%;background:var(--accent);border:2px solid #ffffff;box-shadow:0 0 0 1px #c9ddd5;position:relative;z-index:1;flex-shrink:0}.status-timeline-item.status-submitted .status-timeline-dot{background:#526068;box-shadow:0 0 0 1px #c5d0e8}.status-timeline-item.status-confirmed .status-timeline-dot{background:#08773f;box-shadow:0 0 0 1px #b9d8c7}.status-timeline-item.status-fulfilled .status-timeline-dot{background:var(--accent)}.status-timeline-item.status-cancelled .status-timeline-dot{background:var(--danger);box-shadow:0 0 0 1px #e4bcbc}.status-timeline-item.latest .status-timeline-dot{box-shadow:0 0 0 3px #0d574924}.status-timeline-card{padding:0 0 1.15rem;display:grid;gap:.25rem;background:transparent;border:0;box-shadow:none;border-radius:0}.status-timeline-item:last-child .status-timeline-card{padding-bottom:.15rem}.status-timeline-item.latest .status-timeline-card{border:0;box-shadow:none}.status-timeline-head{display:grid;gap:.15rem;justify-items:start;max-width:28rem}.status-timeline-head strong{font-size:.95rem;font-weight:700}.status-timeline-head time{font-size:.84rem;color:var(--muted);font-variant-numeric:tabular-nums}.status-timeline-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.86rem}.status-timeline-meta .status-pill{font-size:.72rem;padding:.15rem .5rem}.history-event-note{margin:.15rem 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:.9rem;line-height:1.55;opacity:.88}.history-detail-actions{display:flex;justify-content:flex-start;padding-top:.25rem}.history-total-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;border-radius:12px;background:linear-gradient(135deg,#0d574914,#0d574905);border:1px solid #c9ddd5}.history-total-bar strong{font-size:1.05rem;color:var(--accent)}.order-submit-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:1rem;margin-top:1rem;align-items:start}.order-submit-form{gap:.85rem}.order-submit-form label,.card label{display:grid;gap:.4rem;font-size:.9rem;color:var(--muted)}.order-submit-summary{gap:.85rem;position:sticky;top:5.5rem}.order-submit-summary button{width:100%}.order-submit-history-link{text-align:center;color:var(--accent);font-weight:600}.order-submit-history-link:hover{text-decoration:underline}@media(max-width:820px){.history-hero{flex-direction:column;align-items:stretch}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters{border-radius:16px;width:100%}.history-info-table,.history-info-table tbody,.history-info-table tr,.history-info-table th,.history-info-table td{display:block;width:100%}.history-info-table tr{padding:.35rem 0;border-bottom:1px solid var(--line)}.history-info-table tr:last-child{border-bottom:0}.history-info-table th[scope=row]{width:auto;border-bottom:0;padding-bottom:.15rem}.history-info-table td{border-bottom:0;padding-top:.15rem}.history-items-table,.history-items-table thead,.history-items-table tbody,.history-items-table tfoot,.history-items-table tr,.history-items-table th,.history-items-table td{display:block;width:100%}.history-items-table{table-layout:auto}.history-items-table thead{display:none}.history-items-table tbody tr{padding:.85rem .95rem;border-bottom:1px solid var(--line)}.history-items-table tbody tr:last-child{border-bottom:0}.history-items-table td{display:flex;justify-content:space-between;gap:.75rem;border-bottom:0;padding:.28rem 0;text-align:left}.history-items-table td:before{content:attr(data-label);color:var(--muted);font-size:.82rem;font-weight:600;text-align:right}.history-items-table .num{text-align:left}.history-items-table tfoot tr{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem .95rem}.history-items-table tfoot th,.history-items-table tfoot td{width:auto;padding:0;background:transparent}.order-submit-layout{grid-template-columns:1fr}.order-submit-summary{position:static}}.toast{position:fixed;bottom:calc(1.25rem + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:50;background:#0f2a22b8;color:#eaf6ee;border:1px solid rgba(255,255,255,.18);padding:.75rem 1.15rem;border-radius:999px;box-shadow:0 12px 30px #0f2a2247,0 1px #fff3 inset;font-size:.92rem;animation:rise .22s ease both;max-width:min(90vw,360px);text-align:center}.mobile-dock{display:none}@media(max-width:820px){.app-shell{padding-bottom:calc(4.75rem + var(--safe-bottom))}.topbar{padding:.45rem .7rem;margin-bottom:.85rem}.brand-logo{height:1.55rem;max-width:7.5rem}.brand-wordmark{font-size:.72rem}.brand{gap:.38rem}.desktop-only{display:none!important}.toast{bottom:calc(5rem + var(--safe-bottom))}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:0;position:fixed;bottom:0;left:0;right:0;z-index:30;margin:0;max-width:none;width:100%;padding:.42rem .2rem calc(.38rem + var(--safe-bottom));padding-inline:max(.2rem,env(safe-area-inset-left,0px)) max(.2rem,env(safe-area-inset-right,0px));background:linear-gradient(180deg,#ffffffb8,#ffffff75),var(--glass-tint);border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:0 -12px 36px #252a2712,0 1px #ffffffc7 inset;-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(1.7);backdrop-filter:blur(var(--blur-strong)) saturate(1.7);isolation:isolate}.mobile-dock:before{content:"";position:absolute;inset-inline:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 35%,rgba(255,255,255,.95) 65%,transparent);pointer-events:none}.mobile-dock a{display:grid;justify-items:center;align-content:center;gap:.26rem;min-height:3.15rem;padding:.38rem .18rem .32rem;margin-inline:.08rem;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:0;line-height:1.1;position:relative;border-radius:14px;transition:color .16s ease,background .16s ease,transform .16s ease}.mobile-dock a svg{display:block;flex-shrink:0;width:1.32rem;height:1.32rem}.mobile-dock a:hover{color:var(--ink);background:#ffffff47}.mobile-dock a.active{color:var(--accent);background:#ffffff6b;box-shadow:0 1px #ffffffd9 inset,0 0 0 1px #ffffff59}.mobile-dock a.active span:not(.count){color:var(--accent);font-weight:700}.mobile-dock .count{position:absolute;top:.26rem;inset-inline-start:calc(50% + .4rem);min-width:1.05rem;height:1.05rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.64rem;font-weight:700;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px #ffffffb8}.product-layout{grid-template-columns:1fr}.product-media{position:static}.hero h1{max-width:none}.table-wrap{overflow-x:auto}}.intro-screen{--intro-pad-top: max(28px, var(--safe-top));--intro-pad-right: max(24px, env(safe-area-inset-right, 0px));--intro-pad-bottom: max(28px, var(--safe-bottom));--intro-pad-left: max(24px, env(safe-area-inset-left, 0px));position:relative;isolation:isolate;width:100%;min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--intro-pad-top) var(--intro-pad-right) var(--intro-pad-bottom) var(--intro-pad-left);overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(200,204,200,.35),transparent 60%),radial-gradient(ellipse 55% 40% at 0% 100%,rgba(180,186,182,.18),transparent 55%),linear-gradient(180deg,#f5f6f5,#eceeec)}.intro-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.intro-glow{position:absolute;border-radius:50%;filter:blur(56px);opacity:.45;animation:intro-glow-breathe 8s ease-in-out infinite}.intro-glow-a{top:-18%;left:50%;width:min(560px,95vw);height:min(420px,70vw);transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%)}.intro-glow-b{left:50%;bottom:-20%;width:min(480px,90vw);height:min(360px,60vw);transform:translate(-50%);background:radial-gradient(circle,rgba(160,168,162,.18),transparent 70%);animation-name:intro-glow-breathe-alt;animation-delay:-2.2s}.intro-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5.5vh,40px);width:min(360px,100%);text-align:center}.intro-brand{display:flex;flex-direction:column;align-items:center}.intro-logo-wrap{position:relative;display:grid;place-items:center;animation:intro-mark-in .9s cubic-bezier(.22,1,.36,1) both}.intro-logo-wrap:before{display:none}.intro-logo{position:relative;display:block;width:min(300px,78vw);height:auto;aspect-ratio:252 / 70;object-fit:contain}.intro-copy{display:grid;gap:.65rem;animation:intro-fade-up .75s cubic-bezier(.22,1,.36,1) .3s both}.intro-copy h1{margin:0;font-size:clamp(1.45rem,4.4vw,1.75rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.intro-tagline{margin:0 auto;max-width:22ch;color:var(--muted);font-size:1rem;font-weight:500;line-height:1.75}.intro-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:min(220px,100%);min-height:50px;padding:0 1.5rem;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:1.05rem;font-weight:650;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 28px #252a2724;transition:transform .18s cubic-bezier(.32,.72,0,1),filter .18s ease,opacity .18s ease;animation:intro-fade-up .7s cubic-bezier(.32,.72,0,1) .48s both;-webkit-tap-highlight-color:transparent}.intro-cta:hover{filter:brightness(1.08)}.intro-cta:active{transform:scale(.98);opacity:.92}.intro-cta svg{flex-shrink:0}@keyframes intro-mark-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-glow-breathe{0%,to{opacity:.35;transform:translate(-50%) scale(1)}50%{opacity:.55;transform:translate(-50%) scale(1.04)}}@keyframes intro-glow-breathe-alt{0%,to{opacity:.28;transform:translate(-50%) scale(1)}50%{opacity:.42;transform:translate(-50%) scale(1.05)}}@media(max-width:820px){.intro-screen{--intro-pad-top: max(16px, var(--safe-top));--intro-pad-right: max(16px, env(safe-area-inset-right, 0px));--intro-pad-bottom: max(20px, var(--safe-bottom));--intro-pad-left: max(16px, env(safe-area-inset-left, 0px))}.intro-content{gap:22px}.intro-tagline{font-size:.9rem;line-height:1.75}.intro-cta{min-height:48px}}@media(prefers-reduced-motion:reduce){.intro-logo-wrap,.intro-copy,.intro-cta,.intro-glow{animation:none!important;opacity:1!important;transform:none!important}}