:root,[data-theme=dark]{--brand-black: #212124;--brand-white: #ffffff;--brand-gold: #a37a47;--brand-blue: #113044;--bg-deep: var(--brand-black);--bg-panel: color-mix(in srgb, var(--brand-blue) 92%, transparent);--bg-elevated: var(--brand-blue);--ink: var(--brand-white);--ink-muted: color-mix(in srgb, var(--brand-white) 68%, transparent);--accent: var(--brand-gold);--accent-strong: color-mix(in srgb, var(--brand-gold) 78%, var(--brand-white));--accent-on: var(--brand-black);--danger: #d66a5a;--ok: #7faf7a;--line: color-mix(in srgb, var(--brand-white) 14%, transparent);--shadow: 0 18px 40px rgba(0, 0, 0, .4);--input-bg: color-mix(in srgb, var(--brand-black) 55%, var(--brand-blue));--nav-bg: color-mix(in srgb, var(--brand-blue) 88%, var(--brand-black));--surface-soft: color-mix(in srgb, var(--brand-black) 40%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--accent-mid: color-mix(in srgb, var(--accent) 35%, transparent);--accent-border: color-mix(in srgb, var(--accent) 45%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 18%, transparent);--danger-border: color-mix(in srgb, var(--danger) 35%, transparent);--danger-ink: #ffd2cb;--ok-soft: color-mix(in srgb, var(--ok) 16%, transparent);--ok-border: color-mix(in srgb, var(--ok) 35%, transparent);--ok-ink: #d7f0d4;--body-wash-1: color-mix(in srgb, var(--brand-gold) 16%, transparent);--body-wash-2: color-mix(in srgb, var(--brand-blue) 45%, transparent);--body-base: linear-gradient( 180deg, color-mix(in srgb, var(--brand-blue) 55%, var(--brand-black)) 0%, var(--brand-black) 48%, color-mix(in srgb, var(--brand-black) 92%, #000) 100% );--hero-bg: linear-gradient( 160deg, color-mix(in srgb, var(--brand-gold) 22%, transparent), transparent 55% ), linear-gradient( 180deg, color-mix(in srgb, var(--brand-blue) 70%, var(--brand-black)), var(--brand-blue) );--map-bg: color-mix(in srgb, var(--brand-blue) 70%, var(--brand-black));--combobox-bg: color-mix(in srgb, var(--brand-blue) 96%, var(--brand-black));--toast-success-bg: color-mix(in srgb, var(--brand-blue) 75%, #1a2e1a);--radius: 18px;--nav-h: 68px;--nav-sidebar-w: 220px;--shell-max-desktop: 1100px;--shell-max-wide: 1280px;--safe-bottom: env(safe-area-inset-bottom, 0px);--font-sans: "Roboto", system-ui, sans-serif;--font-body: "Roboto Slab", Georgia, serif;--font-display: "Roboto Slab", Georgia, serif;--type-h1-display-size: 24pt;--type-h1-display-weight: 900;--type-h1-size: 20pt;--type-h1-weight: 500;--type-h2-size: 17pt;--type-h2-weight: 500;--type-h3-size: 15pt;--type-h3-weight: 400;--type-h4-size: 14pt;--type-h4-weight: 400;font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);color:var(--ink);background:var(--bg-deep);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}[data-theme=light]{--bg-deep: var(--brand-white);--bg-panel: color-mix(in srgb, var(--brand-white) 94%, var(--brand-blue));--bg-elevated: color-mix(in srgb, var(--brand-white) 88%, var(--brand-blue));--ink: var(--brand-black);--ink-muted: color-mix(in srgb, var(--brand-black) 58%, var(--brand-blue));--accent: var(--brand-gold);--accent-strong: color-mix(in srgb, var(--brand-gold) 85%, var(--brand-black));--accent-on: var(--brand-black);--danger: #c4574a;--ok: #3f8f5c;--line: color-mix(in srgb, var(--brand-blue) 16%, transparent);--shadow: 0 18px 40px color-mix(in srgb, var(--brand-blue) 18%, transparent);--input-bg: color-mix(in srgb, var(--brand-white) 82%, var(--brand-blue));--nav-bg: var(--brand-blue);--surface-soft: color-mix(in srgb, var(--brand-blue) 8%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-mid: color-mix(in srgb, var(--accent) 28%, transparent);--accent-border: color-mix(in srgb, var(--accent) 42%, transparent);--danger-soft: color-mix(in srgb, var(--danger) 12%, transparent);--danger-border: color-mix(in srgb, var(--danger) 32%, transparent);--danger-ink: color-mix(in srgb, var(--danger) 75%, var(--brand-black));--ok-soft: color-mix(in srgb, var(--ok) 12%, transparent);--ok-border: color-mix(in srgb, var(--ok) 32%, transparent);--ok-ink: color-mix(in srgb, var(--ok) 70%, var(--brand-black));--body-wash-1: color-mix(in srgb, var(--brand-gold) 12%, transparent);--body-wash-2: color-mix(in srgb, var(--brand-blue) 14%, transparent);--body-base: linear-gradient( 180deg, var(--brand-white) 0%, color-mix(in srgb, var(--brand-white) 92%, var(--brand-blue)) 55%, color-mix(in srgb, var(--brand-white) 86%, var(--brand-blue)) 100% );--hero-bg: linear-gradient( 160deg, color-mix(in srgb, var(--brand-gold) 28%, transparent), transparent 55% ), linear-gradient( 180deg, color-mix(in srgb, var(--brand-blue) 88%, var(--brand-black)), var(--brand-blue) );--map-bg: color-mix(in srgb, var(--brand-white) 70%, var(--brand-blue));--combobox-bg: var(--brand-white);--toast-success-bg: color-mix(in srgb, var(--brand-white) 88%, #3f8f5c);color-scheme:light}[data-theme=light] .hero-panel,[data-theme=light] .hero-panel .lead,[data-theme=light] .hero-panel .brand{color:var(--brand-white)}[data-theme=light] .hero-panel .lead{color:color-mix(in srgb,var(--brand-white) 78%,transparent)}[data-theme=light] .bottom-nav,[data-theme=light] .nav-item{color:color-mix(in srgb,var(--brand-white) 72%,transparent)}[data-theme=light] .nav-item.active{color:var(--accent-strong)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,var(--body-wash-1),transparent 55%),radial-gradient(900px 500px at 100% 0%,var(--body-wash-2),transparent 50%),var(--body-base);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-strong) 70%,transparent);outline-offset:2px}.app-shell{width:100%;margin:0 auto;min-height:100dvh;position:relative;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px)}.app-shell--public{padding-bottom:24px}.app-main{min-width:0;position:relative}.guest-topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:12px 16px 0;pointer-events:none}.guest-topbar>*{pointer-events:auto;flex:0 0 auto}.partner-login-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:36px;padding:8px 12px;border-radius:14px;border:none;background:var(--nav-bg);color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;font-family:inherit;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,filter .15s ease}.partner-login-btn:active{transform:scale(.96)}.page{padding:20px 16px 28px;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand{font-family:var(--font-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);letter-spacing:.01em;line-height:1.15;margin:0}.brand--display{font-family:var(--font-sans);font-size:var(--type-h1-display-size);font-weight:var(--type-h1-display-weight);letter-spacing:-.02em;line-height:1.05}h1,.type-h1{font-family:var(--font-display);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:1.15;margin:0}h2,.type-h2{font-family:var(--font-display);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:1.25;margin:0}h3,.type-h3{font-family:var(--font-body);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:1.35;margin:0}h4,.type-h4,p{font-family:var(--font-body);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:1.45}h4,.type-h4{margin:0}.eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:500}.lead{margin:8px 0 0;color:var(--ink-muted);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);line-height:1.4}.stack{display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.interactive{transition:transform .18s ease,border-color .18s ease;cursor:pointer}.card.interactive:active{transform:scale(.985);border-color:var(--accent-border)}.muted{color:var(--ink-muted)}.small{font-size:.86rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:var(--accent-on)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:var(--danger-soft);color:var(--danger-ink);border:1px solid var(--danger-border)}.btn-block{width:100%}.field{display:grid;gap:6px}.field label{font-size:.84rem;color:var(--ink-muted)}.field input,.field textarea,.field select{width:100%;max-width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);padding:12px 14px;font-size:var(--type-h4-size)}.field input,.field select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field input[type=checkbox],.field input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;min-width:1.1rem;padding:0;margin:0;flex-shrink:0;border-radius:4px;accent-color:var(--accent)}.field .check-row{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:.95rem;cursor:pointer}.field .check-row:has(input:disabled){opacity:.55;cursor:default}.date-picker{position:relative}.date-picker__trigger{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.date-picker__trigger:hover{border-color:var(--accent-mid)}.date-picker__icon{color:var(--accent);font-size:.85rem}.date-picker__popover{position:absolute;left:0;right:auto;top:calc(100% + 8px);z-index:40;width:min(100%,320px);max-width:320px;padding:12px;display:grid;gap:10px;background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:var(--shadow)}.date-picker__header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:6px}.date-picker__month{text-align:center;font-family:var(--font-display);font-size:.98rem;text-transform:capitalize}.date-picker__nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--accent-strong);font-size:1.2rem;line-height:1;cursor:pointer}.date-picker__nav:disabled{opacity:.35;cursor:default}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:.68rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.date-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker__day{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;aspect-ratio:auto;min-height:0;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;font-weight:500;font-size:.9rem}.date-picker__day--empty{pointer-events:none}.date-picker__day:hover:not(:disabled):not(.date-picker__day--empty){border-color:var(--accent-mid);background:var(--accent-soft)}.date-picker__day--today{color:var(--accent-strong)}.date-picker__day--selected{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:var(--accent-on);border-color:transparent}.date-picker__day--selected:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-strong),var(--accent));border-color:transparent}.date-picker__day--disabled{opacity:.28;cursor:default}.field textarea{min-height:120px;resize:vertical}.combobox{position:relative;display:grid;gap:6px}.combobox-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px;list-style:none;max-height:240px;overflow:auto;border-radius:14px;border:1px solid var(--line);background:var(--combobox-bg);box-shadow:var(--shadow)}.combobox-option{display:flex;flex-direction:column;gap:2px;min-height:48px;justify-content:center;padding:10px 12px;border-radius:10px;cursor:pointer}.combobox-option.active,.combobox-option:hover{background:var(--accent-soft)}.combobox-option.selected{outline:1px solid var(--accent-mid)}.combobox-empty{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--combobox-bg);color:var(--ink-muted);font-size:.9rem}.directory-search input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.directory-search input[type=search]::-webkit-search-cancel-button{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:500}.chip.danger{background:var(--danger-soft);color:var(--danger-ink)}.chip.ok{background:var(--ok-soft);color:var(--ok-ink)}.small.muted{color:var(--ink-muted);font-size:.85rem}button.linkish,.linkish{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--ink-muted);text-decoration:none}button.linkish:hover,.linkish:hover{color:var(--accent-strong)}.onec-link{display:flex;align-items:baseline;gap:8px;margin:0;min-width:0;font-size:.78rem;color:var(--ink-muted)}.onec-link__label{flex:none;font-weight:500;letter-spacing:.04em;color:var(--accent-strong)}.onec-link__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.directory-row{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.directory-detail .field input[readonly]{opacity:.85;cursor:default}.bottom-nav{position:fixed;left:0;right:0;bottom:0;width:auto;height:calc(var(--nav-h) + var(--safe-bottom));padding:8px 10px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--nav-bg);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40}.bottom-nav[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.bottom-nav[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.nav-item{display:grid;place-items:center;gap:2px;color:var(--ink-muted);font-size:.68rem;font-family:inherit;background:transparent;border:none;width:100%;cursor:pointer;text-decoration:none;font-weight:500;border-radius:14px;padding:6px 2px;transition:background .15s ease,color .15s ease}.nav-item.active{color:var(--accent-strong);background:var(--accent-soft)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;font-size:1.35rem;line-height:1}.nav-icon svg{display:block;width:1.35rem;height:1.35rem;flex-shrink:0}.hero-panel{position:relative;overflow:hidden;border-radius:24px;padding:22px 18px;background:var(--hero-bg);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;inset:auto -20% -40% 40%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-strong) 28%,transparent),transparent 65%);pointer-events:none}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:12px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line)}.stat strong{display:block;font-size:1.15rem;margin-top:4px}.list{display:grid;gap:10px;align-items:stretch}.list.cols-2{grid-template-columns:minmax(0,1fr)}.list.cols-2>.directory-row{min-width:0;height:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;justify-content:flex-start}.list.cols-2>.directory-row>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:2.7em}.list.cols-2>.directory-row .onec-link{margin-top:auto}.qty{display:inline-flex;align-items:center;gap:8px}.qty button{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);cursor:pointer}.map-canvas{height:280px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(var(--accent-soft) 1px,transparent 1px),linear-gradient(90deg,var(--accent-soft) 1px,transparent 1px),var(--map-bg);background-size:28px 28px,28px 28px,auto;position:relative;overflow:hidden}.map-embed-frame{display:block;width:100%;height:min(70vh,520px);min-height:280px;border:1px solid var(--line);border-radius:18px;background:var(--map-bg)}.map-embed-frame--public{height:min(75vh,640px);min-height:360px}.map-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);transform:translate(-50%,-50%);border:0;cursor:pointer}.map-pin.active{background:var(--brand-white);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-strong) 35%,transparent)}.map-layout,.catalog-layout{display:grid;gap:12px}.catalog-summary{display:grid}.order-page .order-tabs{grid-template-columns:1fr 1fr;grid-auto-flow:unset;overflow:visible}.catalog-folder{display:grid;gap:10px}.folder-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:var(--bg-panel);color:var(--ink);cursor:pointer;text-align:left}.folder-header .chip{flex:none}.folder-title{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1;font-size:var(--type-h4-size);font-weight:500;line-height:1.3}.folder-title-text{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.folder-chevron{color:var(--accent-strong);width:1rem;flex:none;line-height:1.3}.product-grid{display:grid;grid-template-columns:1fr;gap:10px}.product-tile{display:grid;gap:8px;min-height:100%}.product-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-tile-top strong{font-size:var(--type-h4-size);font-weight:500;line-height:1.35;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.product-tile-desc{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;min-height:0}.product-tile-footer{margin-top:auto}.login-layout{display:grid;gap:12px}.documents-page{padding-bottom:88px}.fab-menu{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:50;display:grid;justify-items:end;gap:10px;pointer-events:none}.fab-menu>*{pointer-events:auto}.order-total-balloon{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:60;display:grid;gap:2px;justify-items:end;text-align:right;min-width:132px;max-width:min(220px,calc(100vw - 32px));padding:12px 14px;border-radius:16px;color:var(--accent-on);box-shadow:var(--shadow);pointer-events:none}.order-total-balloon strong{font-size:1.05rem;line-height:1.2}.order-total-balloon__hint{font-size:.75rem;line-height:1.25;opacity:.92}.order-total-balloon--warn{background:linear-gradient(135deg,#c85a4a,var(--danger));color:#fff8f6}.order-total-balloon--ok{background:linear-gradient(135deg,#5aa873,#3f8f5c);color:#f4fff7}.order-cart-cta{text-align:center;justify-content:center;color:#fff8f6;box-shadow:var(--shadow)}.order-cart-cta--warn{background:linear-gradient(135deg,#c85a4a,var(--danger));color:#fff8f6}.order-cart-cta--ok{background:linear-gradient(135deg,#5aa873,#3f8f5c);color:#f4fff7}.fab-button{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:var(--accent-on);font-size:1.8rem;font-weight:500;line-height:1;cursor:pointer;box-shadow:var(--shadow)}.fab-actions{width:min(280px,calc(100vw - 48px));padding:12px}.fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#00000059;z-index:45;cursor:pointer}.home-sections,.admin-split{display:grid;gap:12px}.empty{text-align:center;color:var(--ink-muted);padding:28px 12px}.error-banner{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger-ink);border-radius:14px;padding:12px 14px}.token-box{display:block;word-break:break-all;font-size:.8rem;line-height:1.4;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink)}.success-banner{background:var(--ok-soft);border:1px solid var(--ok-border);color:var(--ok-ink);border-radius:14px;padding:12px 14px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);z-index:80;max-width:min(420px,calc(100vw - 32px));width:max-content;padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);pointer-events:none;transform:translate(-50%);animation:toast-in .22s ease-out,toast-out .28s ease-in 2.2s forwards}.toast--success{background:var(--toast-success-bg);border:1px solid var(--ok-border);color:var(--ok-ink)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(6px)}}@media(min-width:900px){.toast{bottom:28px}}.tabs{display:grid;grid-auto-flow:column;gap:8px;overflow-x:auto;padding-bottom:2px}.tab{white-space:nowrap;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-muted);padding:10px 14px;min-height:40px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.tab.active{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent-mid)}.theme-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:14px;border:1px solid var(--line);background:var(--surface-soft)}.theme-toggle--micro{grid-template-columns:repeat(3,auto);gap:2px;padding:3px;border-radius:12px;border:none;background:var(--nav-bg)}.theme-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--ink-muted);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle--micro .theme-toggle__btn{min-height:30px;min-width:30px;padding:0 6px;border-radius:9px;color:color-mix(in srgb,var(--brand-white) 62%,transparent);font-size:.85rem;line-height:1}.theme-toggle__btn[aria-pressed=true],.theme-toggle--micro .theme-toggle__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}@media(hover:hover)and (pointer:fine){.btn-ghost:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.card.interactive:hover{border-color:var(--accent-mid)}.nav-item:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}[data-theme=light] .bottom-nav .nav-item:hover{color:var(--brand-white);background:color-mix(in srgb,var(--brand-white) 8%,transparent)}.tab:hover:not(.active){color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,transparent)}.qty button:hover{border-color:var(--accent-border)}.folder-header:hover{border-color:var(--accent-border);background:var(--accent-soft)}.fab-button:hover{filter:brightness(1.05)}.partner-login-btn:hover{background:color-mix(in srgb,var(--nav-bg) 88%,var(--brand-black));color:var(--accent-strong);filter:brightness(1.06)}.theme-toggle__btn:hover:not([aria-pressed=true]){color:var(--ink)}.theme-toggle--micro .theme-toggle__btn:hover:not([aria-pressed=true]){color:var(--brand-white);background:color-mix(in srgb,var(--brand-white) 8%,transparent)}}@media(min-width:600px){.list.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:24px 20px 32px}}@media(min-width:900px){.app-shell{width:min(var(--shell-max-desktop),100%);display:grid;grid-template-columns:var(--nav-sidebar-w) 1fr;gap:20px;padding:28px 24px 40px;align-items:start}.app-shell--public{display:block;width:min(920px,100%);padding:40px 24px}.bottom-nav{position:sticky;top:28px;left:auto;right:auto;bottom:auto;transform:none;width:var(--nav-sidebar-w);height:auto;grid-template-columns:1fr;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:22px;padding:12px;align-self:start;background:var(--nav-bg)}.bottom-nav[data-cols],.bottom-nav[data-cols="3"],.bottom-nav[data-cols="5"]{grid-template-columns:1fr}.nav-item{display:grid;grid-auto-flow:column;justify-content:start;place-items:center start;padding:12px 14px;font-size:.9rem;gap:10px}.guest-topbar{position:absolute;top:0;right:0;padding:0;max-width:min(320px,42%);justify-content:flex-end}.app-main:has(.guest-topbar) .page>:first-child{padding-right:min(280px,36%)}.partner-login-btn{padding:8px 14px;font-size:.78rem}.page{padding:0}.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-grid:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1.4fr 1fr;align-items:start}.map-canvas{height:420px}.catalog-layout{grid-template-columns:1fr minmax(260px,320px);align-items:start}.catalog-summary{position:sticky;top:28px}.product-grid{grid-template-columns:1fr 1fr}.home-sections{grid-template-columns:1fr 1fr;align-items:start}.home-sections:has(>:only-child){grid-template-columns:1fr}.admin-split{grid-template-columns:minmax(280px,360px) 1fr;align-items:start}.login-layout{max-width:420px;margin:0 auto}.fab-menu,.order-total-balloon{right:max(24px,calc(50vw - (var(--shell-max-desktop) / 2) + 24px));bottom:28px}.date-picker__popover{width:280px;max-width:280px}.date-picker__day{height:34px;font-size:.86rem}.documents-page{padding-bottom:24px}}@media(min-width:1200px){.app-shell:not(.app-shell--public){width:min(var(--shell-max-wide),100%)}.list.cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout .list.cols-2{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.map-canvas{height:480px}}