@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--bg:#f1f1eb;--bg-elevated:#ffffff;--bg-row:#fafaf7;--border:#d8d9d0;--text:#1f241c;--muted:#6b7164;--accent:#767e61;--accent-dim:#5f664e;--header:#767e61;--header-text:#f4f1e6;--oos:#c23b3b;--ok:#3d8f5a;--promo:#9a7a3c;--b2b:#5a6349;--chip:#e8e9e1;--shadow:0 8px 28px rgba(31,36,28,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(900px 420px at 8% -5%,rgba(118,126,97,.28) 0,transparent 55%),radial-gradient(700px 380px at 92% 0,rgba(196,98,49,.08) 0,transparent 50%),linear-gradient(180deg,#e4e6dc 0,var(--bg) 220px);color:var(--text);font-family:DM Sans,IBM Plex Sans Arabic,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sheet-shell{max-width:1480px;margin:0 auto;padding:.85rem 1.5rem 3rem}.sheet-header{position:sticky;top:.5rem;z-index:20;margin:0 0 1.1rem;color:var(--header-text);border-radius:18px;background:color-mix(in srgb,var(--header) 88%,transparent);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.32);box-shadow:0 10px 36px rgba(31,36,28,.16),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.12)}.hdr-row1{display:flex;align-items:center;gap:.85rem;padding:.7rem 1rem}.hdr-row1 .brand{flex:0 0 auto}.hdr-wide-only{display:contents}.hdr-menus{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.hdr-collapse,.sheet-header-spacer{display:none}.brand,.login-brand{display:inline-flex;align-items:center;gap:.65rem;min-width:0;color:var(--header-text)}.brand-mark{width:40px;height:40px;object-fit:contain;flex:0 0 auto;border-radius:4px}.brand-divider{width:1px;height:1.55rem;background:rgba(244,241,230,.45);flex:0 0 auto}.brand-wordmark{font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hdr-search{position:relative;flex:1 1 220px;min-width:0;display:flex;align-items:center}.hdr-search-icon{position:absolute;inset-inline-start:.8rem;color:rgba(255,255,255,.78);pointer-events:none}.header-search{width:100%;min-width:0;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);color:#fff;border-radius:12px;padding:.6rem 2.5rem;font-size:.95rem;outline:none}.header-search:focus{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.62)}.header-search::placeholder{color:rgba(255,255,255,.8);opacity:1}.header-search::-webkit-search-cancel-button,.header-search::-webkit-search-decoration{-webkit-appearance:none;display:none}.hdr-search-clear{position:absolute;inset-inline-end:.4rem;width:1.8rem;height:1.8rem;border:0;border-radius:999px;background:rgba(255,255,255,.24);color:#fff;font-size:1.15rem;line-height:1;cursor:pointer}.hdr-kbd{position:absolute;inset-inline-end:.65rem;font:inherit;font-size:.72rem;line-height:1.4;padding:0 .4rem;border-radius:6px;border:1px solid rgba(255,255,255,.4);color:rgba(255,255,255,.8);pointer-events:none}.sheet-header .sheet-switch{margin:0;padding:.2rem;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.24);flex:0 0 auto}.sheet-header .sheet-switch-tab{padding:.38rem .8rem;font-size:.85rem;color:rgba(255,255,255,.86);white-space:nowrap}.sheet-header .sheet-switch-tab.active{background:rgba(255,255,255,.95);color:var(--accent-dim)}.sheet-header .sheet-switch{position:relative}.sheet-header .sheet-switch-tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.4rem;transition:color .25s ease}.sheet-header .sheet-switch-tab:not(.active):hover{color:#fff;background:rgba(255,255,255,.1)}.sheet-switch-indicator{position:absolute;top:.2rem;bottom:.2rem;left:0;border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 1px 6px rgba(0,0,0,.16);pointer-events:none}.sheet-switch-indicator.animate{transition:transform .38s cubic-bezier(.22,.9,.25,1),width .38s cubic-bezier(.22,.9,.25,1)}.sheet-header .sheet-switch.has-indicator .sheet-switch-tab.active{background:transparent}.sheet-header .sheet-switch-add{min-width:2rem;padding-inline:.55rem;font-size:1.15rem;font-weight:700;line-height:1;color:rgba(255,255,255,.92);border:1px dashed rgba(255,255,255,.45);border-radius:10px;background:transparent;cursor:pointer}.sheet-header .sheet-switch-add:hover{color:#fff;background:rgba(255,255,255,.14);border-style:solid}.hdr-row2 .sheet-switch-add{color:var(--text);border-color:var(--border)}.hdr-row2 .sheet-switch-add:hover{background:var(--chip-hover,rgba(0,0,0,.06));color:var(--text)}[data-sheet=new]{--sheet-color:#5fb86a}[data-sheet=used]{--sheet-color:#e9a93a}[data-sheet=preorder]{--sheet-color:#5b9cf0}.sheet-dot[data-sheet]:not([data-sheet=new]):not([data-sheet=used]):not([data-sheet=preorder]),.sheet-switch-tab[data-sheet]:not([data-sheet=new]):not([data-sheet=used]):not([data-sheet=preorder]) .sheet-dot{--sheet-color:#2bb3a3}.sheet-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--sheet-color,currentColor);box-shadow:0 0 0 2px rgba(255,255,255,.35);flex:0 0 auto}.sheet-label-short{display:none}.hdr-phone-only,.hdr-tablet-only{display:contents}.sheet-header .btn.sheet-picker-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .75rem;border-radius:12px;font-weight:700;font-size:.88rem}.hmenu-item.sheet-picker-item{justify-content:flex-start;text-decoration:none}.sheet-picker-item .sheet-dot{width:.6rem;height:.6rem;box-shadow:none}.hmenu-item.sheet-picker-item.active{font-weight:700;background:var(--chip)}.sheet-picker-check{margin-inline-start:auto;color:var(--accent);font-weight:700}.hmenu-caret{font-size:.7rem;opacity:.8;margin-inline-start:.15rem}.sheet-header .btn.hdr-account-btn{width:2.45rem;height:2.45rem;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.hdr-avatar{font-weight:700;font-size:.95rem}.hdr-menu-icon{display:none}.hmenu-panel{position:fixed;z-index:60;min-width:240px;max-width:min(320px,calc(100vw - 16px));padding:.4rem;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px rgba(31,36,28,.2)}.hmenu-panel.is-sheet{top:auto;left:0;right:0;bottom:0;min-width:0;max-width:none;max-height:85vh;overflow:auto;border-radius:18px 18px 0 0;padding:.5rem .75rem calc(.9rem + env(safe-area-inset-bottom));animation:sheet-up .2s ease-out}.hmenu-backdrop,.sheet-backdrop{position:fixed;inset:0;z-index:55;background:rgba(31,36,28,.42);animation:fade-in .15s ease-out}.sheet-grabber{width:40px;height:4px;border-radius:99px;background:var(--border);margin:.15rem auto .6rem}.hmenu-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .75rem;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:.92rem;text-align:start;cursor:pointer}.hmenu-item:focus-visible,.hmenu-item:hover{background:var(--chip);outline:none}.hmenu-item.danger{color:var(--oos)}.hmenu-badge{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--chip);color:var(--muted)}.hmenu-email{padding:.55rem .75rem .35rem;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.hmenu-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .75rem}.hmenu-label{font-size:.85rem;color:var(--muted)}.hmenu-section{padding:.6rem .75rem .25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hmenu-sep{height:1px;margin:.35rem .25rem;background:var(--border)}.hmenu-mobile-only{display:none}.hmenu-panel.is-sheet .hmenu-mobile-only{display:block}.hmenu-panel.is-sheet .hmenu-item{padding:.85rem .75rem;font-size:1rem}.back-to-top{position:fixed;inset-inline-end:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:30;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:var(--accent);color:#fff;font-size:1.2rem;box-shadow:0 8px 24px rgba(31,36,28,.25);cursor:pointer}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-header .tier-toggle{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.24);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);flex:0 0 auto}.sheet-header .tier-toggle button{color:rgba(255,255,255,.86);padding:.42rem .72rem}.sheet-header .tier-toggle button.active{background:rgba(255,255,255,.95);color:var(--accent-dim);box-shadow:0 1px 4px rgba(0,0,0,.12)}.sheet-header .btn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);white-space:nowrap}.sheet-header .btn:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.45)}.sheet-header .btn.primary{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.98);color:var(--accent-dim);box-shadow:0 2px 10px rgba(0,0,0,.1)}.sheet-header .btn.primary:hover{background:#fff}@media (prefers-reduced-transparency:reduce){.sheet-header{background:var(--header);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (min-width:1001px) and (max-width:1360px){.hdr-row1 .brand-divider,.hdr-row1 .brand-wordmark,.hdr-row1 .sheet-label-full{display:none}.hdr-row1 .sheet-label-short{display:inline}}@media (max-width:720px){.hdr-tablet-only{display:none}}@media (min-width:721px){.hdr-phone-only{display:none}}@media (max-width:1000px){.hdr-wide-only{display:none}.hdr-collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows .2s ease}.hdr-collapse-inner{min-height:0;overflow:hidden}.hdr-row2{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:0 1rem .7rem;transition:opacity .2s ease}}@media (max-width:720px){.sheet-shell{padding:.5rem .75rem 3rem}.sheet-header{position:fixed;top:0;left:0;right:0;margin:0;border-top:0;border-radius:0 0 16px 16px}.sheet-header-spacer{display:block;height:calc(var(--hdr-row1, 56px) + var(--hdr-row2, 46px) + .25rem)}.hdr-row1{gap:.5rem;padding:calc(.5rem + env(safe-area-inset-top)) .75rem .5rem}.hdr-admin-menu,.hdr-avatar,.hdr-kbd,.hdr-row1 .brand-divider,.hdr-row1 .brand-wordmark{display:none}.hdr-row1 .brand-mark{width:32px;height:32px}.header-search{font-size:16px;padding-block:.5rem}.hdr-menu-icon{display:inline-flex}.hdr-row2{gap:.5rem;padding:0 .75rem .55rem}.hdr-row2 .tier-toggle{flex:1;display:flex}.hdr-row2 .tier-toggle button{flex:1;padding:.42rem .3rem}.hdr-row2 .sheet-switch-tab{padding:.38rem .65rem}.sheet-header.is-collapsed .hdr-collapse{grid-template-rows:0fr}.sheet-header.is-collapsed .hdr-row2{opacity:0;pointer-events:none}}:root{--hdr-visible:calc(var(--hdr-row1, 0px) + var(--hdr-row2, 0px))}html.hdr-collapsed{--hdr-visible:var(--hdr-row1,0px)}@media (prefers-reduced-motion:reduce){.hdr-collapse,.hdr-row2,.sheet-switch-indicator.animate{transition:none}.bottom-sheet,.hmenu-backdrop,.hmenu-panel.is-sheet,.sheet-backdrop{animation:none}}.search{flex:1;min-width:200px;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.65rem .9rem;color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.sheet-switch{display:inline-flex;gap:.25rem;padding:.25rem;margin:0 0 .85rem;border-radius:14px;background:var(--chip);border:1px solid var(--border)}.sheet-switch-tab{padding:.45rem 1.1rem;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--muted)}.sheet-switch-tab:hover{color:var(--text)}.sheet-switch-tab.active{background:var(--accent);color:var(--header-text);box-shadow:0 1px 4px rgba(0,0,0,.12)}.used-add-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.used-add-form label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted)}.used-add-form input,.used-add-form select{padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);min-width:7rem}.used-add-form .used-add-title{flex:1 1 18rem}.used-add-form .used-add-title input{width:100%}.badge.manual{color:var(--promo);border-color:color-mix(in srgb,var(--promo) 40%,var(--border))}.badge.cond{white-space:nowrap;font-weight:600}.badge.cond-aplus,.badge.cond-openBox{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 10%,#fff)}.badge.cond-gradeB,.badge.cond-screenChanged{color:var(--promo);border-color:color-mix(in srgb,var(--promo) 40%,var(--border));background:color-mix(in srgb,var(--promo) 8%,#fff)}.badge.cond-battery,.badge.cond-newBattery{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.cond-bar{margin-bottom:1rem}.used-import-panel{padding:.85rem 1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.used-import-panel p{margin:.35rem 0}.used-import-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.used-import-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin-top:.5rem}.used-import-actions label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--muted)}.cond-bar-sep{width:1px;align-self:stretch;margin:0 .25rem;background:var(--border)}.btn.erp-linked-btn{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.drawer.erp-drawer.wide{width:min(720px,100%)}.erp-drawer .btn:disabled{opacity:.45;cursor:not-allowed}.erp-row-title{font-weight:600;margin:.5rem 0 .75rem}.erp-heading{margin:1rem 0 .4rem;font-size:.85rem}.erp-list{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.erp-queue-item,.erp-unit{display:flex;flex-wrap:wrap;gap:.4rem .75rem;align-items:center;justify-content:space-between;padding:.5rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.erp-unit-main{display:flex;flex-direction:column;gap:.15rem;flex:1 1 18rem;min-width:0}.erp-unit-name{font-size:.88rem;word-break:break-word}.erp-suggest,.erp-unit-meta{font-size:.78rem}.erp-unit-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.erp-inline-form,.erp-search{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;width:100%}.erp-inline-form input,.erp-inline-form select,.erp-search input{padding:.4rem .55rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);min-width:0}.erp-search input{flex:1 1 14rem}.erp-inline-form select{flex:1 1 16rem;max-width:100%}.erp-inline-form .erp-inline-title{flex:1 1 100%}.used-import-actions .btn:disabled{opacity:.45;cursor:not-allowed}.used-import-report{margin-top:.75rem;font-size:.9rem}.used-import-report ul{margin:.35rem 0 .5rem;padding-inline-start:1.2rem}.tabs-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.nav-stack{margin-bottom:1rem}.m-sticky-nav{position:sticky;top:calc(.5rem + var(--hdr-h, 4.25rem));z-index:15;background:var(--bg);padding-top:.2rem;margin-top:-.2rem;box-shadow:0 10px 18px -14px rgba(31,36,28,.35)}.family-bar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem 0 .15rem}html[dir=rtl] body{font-family:IBM Plex Sans Arabic,DM Sans,system-ui,sans-serif}.family-bar .chip .tab-count{margin-inline-start:.35rem;opacity:.75;font-size:.75rem}.family-jump-wrap{position:relative;margin-top:.15rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-top:.2rem}.family-jump{display:flex;flex-wrap:nowrap;align-items:center;gap:.35rem;overflow-x:auto;padding:.15rem 0 .2rem;scrollbar-width:none;scroll-behavior:smooth}.family-jump::-webkit-scrollbar{display:none}.family-jump-wrap.is-overflow .family-jump{padding-inline:1.85rem;mask-image:linear-gradient(90deg,transparent 0,#000 1.6rem,#000 calc(100% - 1.6rem),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.6rem,#000 calc(100% - 1.6rem),transparent)}.family-jump-wrap.has-prev:not(.has-next) .family-jump{mask-image:linear-gradient(90deg,transparent 0,#000 1.6rem,#000);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.6rem,#000)}.family-jump-wrap.has-next:not(.has-prev) .family-jump{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 1.6rem),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 1.6rem),transparent)}.family-jump-chevron{position:absolute;top:calc(50% + .1rem);z-index:2;transform:translateY(-50%);width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 92%,var(--text));color:var(--text);font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;box-shadow:0 1px 4px rgba(31,36,28,.12);transition:opacity .15s ease,background .15s ease,border-color .15s ease}.family-jump-chevron-prev{inset-inline-start:0}.family-jump-chevron-next{inset-inline-end:0}.family-jump-wrap.has-next .family-jump-chevron-next,.family-jump-wrap.has-prev .family-jump-chevron-prev{opacity:1;pointer-events:auto}.family-jump-chevron:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--bg))}.family-jump-chevron:disabled{opacity:0;pointer-events:none}html[dir=rtl] .family-jump-wrap.has-next:not(.has-prev) .family-jump,html[dir=rtl] .family-jump-wrap.has-prev:not(.has-next) .family-jump,html[dir=rtl] .family-jump-wrap.is-overflow .family-jump{mask-image:none;-webkit-mask-image:none}.family-jump-board{flex:0 0 auto;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding-inline-end:.25rem;white-space:nowrap}.family-jump-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:.28rem .65rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.family-jump-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.family-jump-link.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));font-weight:600}.family-jump-link .tab-count{font-size:.68rem;opacity:.75}.board-block{margin-bottom:1.75rem}.board-title{margin:0 0 .85rem;font-size:1.35rem;letter-spacing:-.02em;color:var(--text)}.board-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;margin:0 0 .85rem}.board-title-row .board-title{margin:0}.sheet-mode-bar{margin:.35rem 0 .65rem}.sheet-mode-chips{margin-bottom:.35rem}.sheet-edit-hint{margin:0}.family-block{margin-bottom:1.25rem}.family-title{margin:0 0 .55rem;font-size:1.05rem;color:var(--b2b);font-weight:600}.model-title{margin:0 0 .45rem;font-size:.92rem;color:var(--muted);font-weight:600;letter-spacing:.01em}.section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.section-heading .family-title,.section-heading .model-title{margin:0}.order-btns{display:inline-flex;gap:2px;flex-shrink:0}.order-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:6px;padding:.15rem .35rem;cursor:pointer;font-size:.75rem;line-height:1.2;min-width:1.5rem}.order-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.order-btn:disabled{opacity:.5;cursor:not-allowed}.section{margin-bottom:1rem}.tabs-search{flex:0 1 220px;min-width:160px;max-width:280px;margin:0}.tab-clear{font-size:.82rem;padding:.35rem .65rem}.tabs{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:.35rem;flex:1;min-width:0;scrollbar-width:thin}.tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;background:var(--chip);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:.5rem .85rem;font-size:.85rem;cursor:pointer;max-width:220px}.tab.active{color:#fff;border-color:var(--accent);background:var(--accent)}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab .cat-rename-title.tab-label{max-width:140px}.tab .cat-rename-wrap{min-width:6rem;max-width:160px}.tab .cat-rename-input{font-size:.85rem;font-weight:600;min-width:5rem;max-width:140px;padding:.15rem .35rem}.tab .cat-rename-btn{color:inherit;opacity:.7}.tab.active .cat-rename-btn{color:#fff}.tab-count{font-size:.72rem;background:color-mix(in srgb,#fff 55%,transparent);border-radius:999px;padding:.1rem .45rem;color:var(--muted)}.tab.active .tab-count{background:color-mix(in srgb,#000 18%,transparent);color:#fff}.search-hint{margin:-.5rem 0 1rem}.pick-list{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.pick-list li{border-bottom:1px solid var(--border)}.pick-list li:last-child{border-bottom:0}.pick-list label{display:flex;gap:.5rem;align-items:flex-start;padding:.45rem .55rem;font-size:.82rem;cursor:pointer}.pick-list input{margin-top:.15rem}.chip{background:var(--chip);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer}.chip.active{color:#fff;border-color:var(--accent);background:var(--accent)}.tier-toggle{display:inline-flex;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tier-toggle button{border:0;background:transparent;color:var(--muted);padding:.45rem .7rem;cursor:pointer}.tier-toggle button.active{background:var(--accent);color:#fff}.section{margin-bottom:1.75rem}.section h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6rem}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:visible;box-shadow:var(--shadow);table-layout:auto}.table th{text-align:start;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.65rem .85rem;background:#eceee6}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:.7rem .85rem;vertical-align:top;background:var(--bg-elevated)}.table tr:nth-child(2n) td{background:var(--bg-row)}.table tr:last-child td{border-bottom:0}@media (hover:hover) and (pointer:fine){.table tbody tr td{transition:background-color .12s ease,box-shadow .12s ease}.table tbody tr:hover td{background:color-mix(in srgb,var(--accent) 11%,var(--bg-elevated))}.table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}html[dir=rtl] .table tbody tr:hover td:first-child{box-shadow:inset -3px 0 0 var(--accent)}}.table tr.oos td{color:var(--oos)}.table tr.oos .title{font-weight:700}.table tr.unlinked td.title{opacity:.85}.table td.price,.table th.price-col{width:1%;text-align:end;padding-inline-start:.45rem;padding-inline-end:.55rem;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.9rem}.table th.price-col{font-size:.68rem;letter-spacing:.04em}.table td.stock-col,.table th.stock-col{width:1%;white-space:nowrap;padding-inline-start:.5rem;padding-inline-end:.5rem}.price{font-variant-numeric:tabular-nums;white-space:nowrap}.price.highlight{color:var(--promo);font-weight:700}.price-website{font-weight:600}.price-website,.price-website.highlight{color:var(--accent)}.sheet-cell.editable{cursor:cell}.sheet-cell.editable:hover{outline:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px}.sheet-cell.editing{padding:.25rem .35rem!important;vertical-align:middle}.sheet-cell-input{width:100%;min-width:4.5rem;max-width:100%;box-sizing:border-box;border:1px solid var(--accent);border-radius:6px;padding:.35rem .4rem;font:inherit;font-variant-numeric:tabular-nums;background:#fff;color:var(--ink)}.sheet-cell.editing.price .sheet-cell-input{text-align:end;min-width:4.25rem;max-width:6.5rem}.sheet-edit-hint{margin:.35rem 1rem 0;font-size:.8rem}.badge{display:inline-block;font-size:.72rem;border-radius:6px;padding:.15rem .4rem;margin-inline-start:.35rem;border:1px solid var(--border);color:var(--muted);background:var(--bg)}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 10%,#fff)}.badge.oos{color:var(--oos);border-color:color-mix(in srgb,var(--oos) 40%,var(--border));background:color-mix(in srgb,var(--oos) 8%,#fff)}.badge.unlink{color:var(--muted)}.badge.warn{color:#9a6b12;border-color:color-mix(in srgb,#c9971f 45%,var(--border));background:color-mix(in srgb,#c9971f 10%,#fff)}.badge-btn{cursor:pointer;font:inherit;font-size:.72rem;background:transparent}.badge-btn:disabled{cursor:default}.badge-stock{cursor:pointer}.web-col{width:4.5rem}.web-badge{text-decoration:none;margin-inline-start:0}.web-badge:hover{border-color:color-mix(in srgb,var(--ok) 60%,var(--border));text-decoration:underline}.stock-cell{position:relative;display:inline-block}.stock-trigger{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;position:relative}.stock-multi-dot{position:absolute;top:-2px;inset-inline-end:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg-elevated)}.stock-popover{position:fixed;z-index:2400;min-width:240px;max-width:min(340px,calc(100vw - 16px));max-height:min(480px,calc(100vh - 16px));overflow-y:auto;overflow-x:hidden;padding:.7rem .8rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px rgba(31,36,28,.18);text-align:start;color:var(--text)}.stock-pop-title{font-size:.85rem;margin-bottom:.55rem}.stock-block{margin-top:.45rem}.stock-block-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.25rem}.stock-block ul{list-style:none;margin:0;padding:0}.stock-block li{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem;padding:.12rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.stock-block li:last-child{border-bottom:0}.stock-block li.stock-hold,.stock-hold-note,.stock-hold-tag{color:#8a8f84}.stock-block li.stock-hold strong{color:#6f7568;font-weight:600}.stock-hold-note{font-size:.75rem;margin-top:.2rem}.stock-hold-tag{font-style:normal;font-size:.68rem;margin-inline-start:.35rem;text-transform:uppercase;letter-spacing:.03em}.admin-col{width:1%;white-space:nowrap}.row-actions{display:flex;gap:.3rem;flex-wrap:wrap}.row-actions .btn{padding:.25rem .5rem;font-size:.75rem}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.45rem .8rem;cursor:pointer}.btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.btn.danger{color:var(--oos)}.login-stage{min-height:100vh;display:grid;place-items:center;padding:1.5rem 1rem;background:radial-gradient(640px 320px at 50% 0,rgba(118,126,97,.34),transparent 68%),linear-gradient(180deg,#e4e6dc,#f4f4ee 42%,#f7f6f1)}.login-panel{width:min(420px,100%);background:#fff;border:1px solid rgba(118,126,97,.22);border-radius:22px;padding:1.15rem 1.35rem 1.45rem;box-shadow:0 22px 50px rgba(47,52,40,.1)}.login-panel-top{display:flex;justify-content:flex-end;margin-bottom:.35rem}.login-panel .login-lang{width:auto;margin:0}.login-identity{display:flex;align-items:center;gap:.9rem;margin:.35rem 0 1.35rem}.login-mark{width:56px;height:56px;object-fit:contain;flex:0 0 auto;border-radius:14px;background:#1c1c1c;padding:6px}.login-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#2f3528}[dir=rtl] .login-kicker{letter-spacing:0;text-transform:none}.login-lead{margin:.3rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.4}.login-remember{display:flex;align-items:center;gap:.5rem;margin:.15rem 0 1rem;cursor:pointer;color:var(--text);font-size:.9rem}.login-remember input{width:1rem;height:1rem;accent-color:var(--accent)}.login-panel .field input{background:#f6f6f1;min-height:2.75rem}.login-panel .field input:focus{outline:2px solid rgba(118,126,97,.35);outline-offset:1px;border-color:var(--accent)}.login-back{margin:0 0 .85rem;padding-inline:0}.login-error{margin:0 0 .75rem;color:var(--oos);font-size:.88rem}.login-submit{width:100%;min-height:2.8rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(180deg,var(--header) 0 140px,transparent 140px),var(--bg)}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow)}.login-brand{margin:0 0 .85rem;padding:.65rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--header) 92%,transparent);color:var(--header-text);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.login-card p{margin:0 0 1.25rem;color:var(--muted);font-size:.9rem}.field{display:grid;gap:.35rem;margin-bottom:.85rem}.field label{font-size:.8rem;color:var(--muted)}.drawer input,.drawer select,.drawer textarea,.field input,.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;color:var(--text)}.drawer-backdrop{position:fixed;inset:0;background:rgba(31,36,28,.4);z-index:40}.drawer{position:fixed;top:0;inset-inline-end:0;height:100%;width:min(420px,100%);background:var(--bg-elevated);border-inline-start:1px solid var(--border);z-index:50;padding:1rem;overflow:auto;box-shadow:-12px 0 40px rgba(31,36,28,.18);color:var(--text)}html[dir=rtl] .drawer{box-shadow:12px 0 40px rgba(31,36,28,.18)}.drawer h2{margin:0 0 1rem;color:var(--text)}.cat-admin-form-block{margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.cat-admin-path{margin:.35rem 0 .65rem;font-size:.8rem}.cat-admin-tree{max-height:360px;overflow:auto;margin-top:.35rem}.cat-admin-board{margin-bottom:.85rem}.cat-admin-board-head{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem;justify-content:flex-start}.cat-admin-board-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .25rem;margin:0;border:none;background:transparent;color:var(--text);font-size:.95rem;font-weight:600;cursor:pointer;flex:0 0 auto;text-align:start}.cat-admin-chevron{display:inline-block;font-size:.7rem;transition:transform .15s ease;color:var(--muted)}.cat-admin-chevron[data-expanded=true]{transform:rotate(90deg)}.cat-admin-board-title{font-size:.95rem;font-weight:600;letter-spacing:-.01em;flex:0 1 auto;min-width:0}.cat-admin-board-count{font-weight:400;font-size:.8rem;flex:0 0 auto}.cat-admin-board-head .cat-admin-context-btn{margin-inline-start:auto}.cat-admin-context-btn{padding:.15rem .45rem!important;font-size:.72rem!important;white-space:nowrap}.cat-admin-families{list-style:none;margin:0;padding:0 0 0 .65rem;border-inline-start:2px solid var(--border)}.cat-admin-family{margin-bottom:.55rem}.cat-rename-title{display:inline-flex;align-items:center;gap:.25rem;margin:0;cursor:default}.cat-rename-title[title]{cursor:text}.cat-rename-btn{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem;padding:.1rem .25rem;line-height:1;opacity:.55}.cat-rename-btn:hover{opacity:1;color:var(--text)}.cat-rename-wrap{display:inline-flex;flex-direction:column;gap:.15rem;min-width:8rem;flex:1}.cat-rename-input{font:inherit;font-weight:600;padding:.2rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);min-width:10rem;max-width:100%}.cat-rename-error{font-size:.75rem;color:var(--oos,#b33)}.cat-admin-family-name.cat-rename-title{font-weight:600;font-size:.88rem;flex:1;min-width:8rem}.cat-admin-models{list-style:none;margin:.25rem 0 0;padding:0 0 0 .75rem}.cat-admin-row{gap:.25rem!important}.cat-admin-model{font-size:.82rem;margin-bottom:.25rem}.cat-admin-delete{padding:.15rem .4rem!important;font-size:.75rem!important}.cat-admin-delete:disabled{opacity:.35;cursor:not-allowed}.cat-admin-empty{font-size:.82rem;padding:.25rem 0 .35rem}.markup-official-note{margin:0 0 .85rem;font-size:.8rem}.markup-preview{margin:.75rem 0 1rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.markup-preview-caption{margin:0 0 .5rem;font-size:.8rem}.markup-preview-block+.markup-preview-block{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--border)}.markup-preview-title{font-size:.75rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}.markup-preview-grid{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;font-size:.82rem;align-items:baseline}.markup-section{margin-top:1.25rem;padding-top:.85rem;border-top:1px solid var(--border)}.markup-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.markup-section-hint{font-size:.8rem;margin:.35rem 0 .5rem}.markup-rule-list{list-style:none;padding:0;margin:0}.markup-rule-row{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border);align-items:flex-start}.markup-rule-label{font-size:.85rem;flex:1;min-width:0}.markup-rule-actions{display:flex;gap:.35rem;flex-shrink:0}.markup-lock-group{padding:.45rem 0 .15rem;border-bottom:1px solid var(--border)}.markup-lock-group-title{font-size:.82rem;font-weight:600}.markup-lock-group .markup-rule-row{border-bottom:none;padding-left:.75rem}.product-cat-path{margin:.35rem 0 0;font-size:.8rem}.product-price-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.product-price-cell{display:flex;flex-direction:column;gap:.2rem;min-width:0}.product-price-label{font-size:.72rem;font-weight:600;color:var(--muted)}.product-price-preview{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.45rem;font-size:.8rem}.muted{color:var(--muted);font-size:.85rem}@media (max-width:720px){.hide-sm{display:none}.brand-wordmark{font-size:.72rem;letter-spacing:.06em;max-width:min(160px,38vw)}.brand-mark{width:34px;height:34px}}.lang-switch{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang-switch-btn{background:transparent;color:var(--muted);border:none;padding:.35rem .75rem;cursor:pointer;font-size:.85rem}.lang-switch-btn.active{background:var(--accent);color:white}.lang-switch-btn:hover:not(.active){background:color-mix(in srgb,var(--accent) 12%,transparent)}.login-lang{margin-bottom:1rem;justify-content:center;width:100%}.privacy-page{max-width:42rem;padding-top:2rem;padding-bottom:3rem}.privacy-lang{margin-bottom:1.25rem}.privacy-title{margin:0 0 .5rem;font-size:1.75rem;letter-spacing:-.02em}.privacy-updated{margin:0 0 1.5rem}.privacy-body{display:flex;flex-direction:column;gap:1rem;font-size:.95rem;line-height:1.65}.privacy-body p{margin:0}.badge-inline{margin-inline-start:.35rem}.instock-chip{flex:0 0 auto;white-space:nowrap}.instock-chip .tab-count{margin-inline-start:.35rem}.badge.po-status{white-space:nowrap;font-weight:600}.badge.po-open{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 10%,#fff)}.badge.po-closed{color:var(--muted);background:var(--chip)}.badge.po-eta{white-space:nowrap;color:#2f6fbf;border-color:color-mix(in srgb,#5b9cf0 40%,var(--border));background:color-mix(in srgb,#5b9cf0 9%,#fff)}.po-status-btn{padding:0;border:0;background:none;cursor:pointer;font:inherit}.po-status-btn:focus-visible .badge,.po-status-btn:hover .badge{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.po-eta-col,.po-status-col{white-space:nowrap}.po-notes-col{font-size:.82rem;color:var(--muted);white-space:normal}.po-table{table-layout:fixed}.po-table th.po-eta-col,.po-table th.po-status-col{width:9rem}.po-table th.po-notes-col{width:15rem}.po-table th.price-col{width:6.5rem}.po-table th.admin-col{width:10.5rem}.po-table td.po-eta-col{overflow:hidden;text-overflow:ellipsis}.po-table tr.po-closed-row td.title{color:var(--muted)}.po-empty{padding:2rem 1rem;text-align:center;border:1px dashed var(--border);border-radius:14px;background:var(--bg-elevated)}.po-empty p{margin:0 0 .6rem}.po-info-list{display:grid;grid-template-columns:auto 1fr;gap:.35rem .9rem;margin:.6rem 0 0;font-size:.9rem}.po-info-list dt{color:var(--muted)}.po-info-list dd{margin:0;font-weight:600}.po-info-list dd.po-info-notes{white-space:pre-wrap;font-weight:400}.chip.active .tab-count{background:color-mix(in srgb,#000 18%,transparent);color:#fff}.m-list{list-style:none;margin:0;padding:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.m-list li+li{border-top:1px solid var(--border)}.m-row{display:flex;width:100%;min-height:56px;align-items:center;gap:.75rem;padding:.6rem .75rem;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,box-shadow .12s ease}@media (hover:hover) and (pointer:fine){.m-row:hover{background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:inset 3px 0 0 var(--accent)}html[dir=rtl] .m-row:hover{box-shadow:inset -3px 0 0 var(--accent)}}.m-row:active{background:var(--bg-row)}.m-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.m-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.m-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:.9rem;line-height:1.3}.m-row.oos .m-title{color:var(--oos);font-weight:600}.m-badges{display:flex;flex-wrap:wrap;gap:.25rem}.m-badges .badge{margin:0;font-size:.68rem}.m-row-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.m-price{font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--promo);white-space:nowrap}.m-row.oos .m-price{color:var(--oos)}.m-stock-unknown{font-size:.8rem}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:88vh;overflow:auto;overscroll-behavior:contain;padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--bg-elevated);color:var(--text);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(31,36,28,.25);animation:sheet-up .22s ease-out}.psheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.psheet-title{margin:0 0 .35rem;font-size:1.05rem;line-height:1.35;overflow-wrap:anywhere}.psheet-title.oos{color:var(--oos)}.psheet-sku{margin-top:.3rem;font-size:.78rem}.psheet-close{flex:0 0 auto}.psheet-prices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.85rem}.psheet-price{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-row)}.psheet-price strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.psheet-price.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff)}.psheet-price.active strong{color:var(--promo)}.psheet-price-label{font-size:.75rem;color:var(--muted)}.psheet-stock{padding:.6rem .7rem;margin-bottom:.85rem;border:1px solid var(--border);border-radius:12px}.psheet-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.psheet-section-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.psheet-note{margin:.35rem 0 0;font-size:.78rem}.psheet-stock-detail{margin-top:.5rem}.psheet-form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding-top:.75rem;border-top:1px solid var(--border)}.psheet-actions,.psheet-error,.psheet-field.wide,.psheet-form>.psheet-row,.psheet-form>.psheet-section-label,.psheet-ok,.psheet-save{grid-column:1/-1}.psheet-field{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--muted)}.psheet-field input,.psheet-field select,.psheet-field textarea{width:100%;padding:.55rem .65rem;font:inherit;font-size:16px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:10px;resize:vertical}.psheet-field input:focus,.psheet-field select:focus,.psheet-field textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);border-color:var(--accent)}.psheet-field small{font-size:.72rem}.psheet-error,.psheet-ok{margin:0;font-size:.85rem}.psheet-error{color:var(--oos)}.psheet-ok{color:var(--ok)}.psheet-save{padding:.7rem;font-size:1rem}.psheet-save:disabled{opacity:.55;cursor:not-allowed}.psheet-order .order-btn{min-width:2.4rem;padding:.45rem .5rem;font-size:1rem}.psheet-actions{display:flex;flex-wrap:wrap;gap:.5rem}.psheet-actions .btn{flex:1 1 30%;padding:.6rem}@media (max-width:720px){.sheet-edit-hint{display:none}.m-sticky-nav{top:var(--hdr-visible,0);z-index:15;margin:0 -.75rem .75rem;padding:.45rem .75rem .1rem;background:var(--bg);box-shadow:0 10px 18px -14px rgba(31,36,28,.35);transition:top .2s ease}.tabs-bar{flex-wrap:nowrap;gap:.4rem;margin-bottom:.35rem}.tabs-bar .instock-chip{padding:.4rem .65rem;font-size:.8rem}.tabs-bar .instock-chip .tab-count{display:none}.cond-bar,.family-bar,.family-jump,.tabs{scrollbar-width:none}.cond-bar::-webkit-scrollbar,.family-bar::-webkit-scrollbar,.family-jump::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.tabs{padding-bottom:.25rem}.tab{padding:.42rem .7rem;font-size:.82rem}.cond-bar,.family-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.cond-bar .chip,.family-bar .chip{flex:0 0 auto;white-space:nowrap}.board-title{font-size:1.15rem;margin-bottom:.5rem}.section-heading{position:sticky;top:calc(var(--hdr-visible, 0px) + var(--nav-h, 0px));z-index:10;margin:0 -.75rem .35rem;padding:.35rem .75rem;background:var(--bg);transition:top .2s ease}.section{margin-bottom:1rem}}@media (prefers-reduced-motion:reduce){.m-sticky-nav,.section-heading{transition:none}}.online-badge{position:relative;width:2.45rem;height:2.45rem;border-radius:999px;border:none;padding:0;cursor:pointer;background:color-mix(in srgb,var(--accent,#2563eb) 12%,var(--bg-elevated,#fff));color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.online-badge:hover{background:color-mix(in srgb,var(--accent,#2563eb) 22%,var(--bg-elevated,#fff))}.online-badge-ring{position:absolute;inset:3px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent,#2563eb) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--ok,#15803d) 35%,transparent);pointer-events:none}.online-badge-count{font-weight:700;font-size:.95rem;font-variant-numeric:tabular-nums;line-height:1}.online-badge-lg{width:4.25rem;height:4.25rem;cursor:default}.online-badge-lg .online-badge-count{font-size:1.5rem}.online-badge-lg .online-badge-ring{inset:5px;border-width:3px}.supervision-page{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.supervision-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.supervision-top-actions{display:flex;align-items:center;gap:.75rem}.supervision-hero{display:flex;align-items:center;gap:1rem}.supervision-card,.supervision-hero{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated,#fff)}.supervision-otp-form{display:flex;flex-wrap:wrap;gap:.55rem}.supervision-otp-form .input{flex:1 1 220px}.supervision-otp-reveal{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent,#2563eb) 40%,var(--border));background:color-mix(in srgb,var(--accent,#2563eb) 6%,transparent)}.supervision-otp-code{font-size:1.6rem;letter-spacing:.2em;user-select:all;font-weight:700}