._card_1qnz7_1{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:14px;padding:14px;display:flex}._card_1qnz7_1:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}._logo_1qnz7_7{background:var(--surface-3);width:56px;height:56px;color:var(--primary);border:1px solid var(--line);border-radius:14px;flex:none;place-items:center;font-size:26px;display:grid;overflow:hidden}._logo_1qnz7_7 img{object-fit:contain;background:#fff;width:100%;height:100%}._lg_1qnz7_12{border-radius:20px;width:84px;height:84px;font-size:38px}._text_1qnz7_13{flex-direction:column;gap:2px;min-width:0;display:flex}._text_1qnz7_13 b,._addr_1qnz7_14{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._addr_1qnz7_14{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}._count_1qnz7_16{color:var(--primary-strong);font-size:12.5px;font-weight:600}._section_z57d6_1{margin-bottom:40px}._head_z57d6_2{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}._h2_z57d6_3{font-size:clamp(19px,2.2vw,23px)}._slider_z57d6_5{position:relative}._track_z57d6_8{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}._track_z57d6_8::-webkit-scrollbar{display:none}._item_z57d6_13{scroll-snap-align:start;flex:none;width:min(300px,82%)}._item_z57d6_13>a{height:100%}._sk_z57d6_15{border-radius:var(--radius);height:86px}._arrow_z57d6_17{z-index:1;width:var(--control-h);height:var(--control-h);background:var(--surface);color:var(--primary-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;translate:0 -50%}._arrow_z57d6_17:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}._arrow_z57d6_17[hidden]{display:none}._prev_z57d6_24{left:-10px}._next_z57d6_25{right:-10px}@media (pointer:coarse){._arrow_z57d6_17{display:none}}._shell_1x3js_1{flex-direction:column;min-height:100dvh;display:flex}._skip_1x3js_2{z-index:60;position:absolute;top:8px;left:-9999px}._skip_1x3js_2:focus{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:8px 14px;left:16px}._header_1x3js_5{z-index:40;padding-top:var(--safe-top);background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .2s var(--ease);position:sticky;top:0}._header_1x3js_5[data-scrolled]{box-shadow:var(--shadow-sm)}._bar_1x3js_11{height:var(--header-h);align-items:center;gap:16px;display:flex}._brand_1x3js_13{flex:none;align-items:center;gap:10px;display:inline-flex}._brand_1x3js_13 img{width:40px;height:40px}._brandText_1x3js_15{flex-direction:column;line-height:1.05;display:flex}._brandText_1x3js_15 b{letter-spacing:.02em;color:var(--roast);font-size:16px}._brandText_1x3js_15 small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}._search_1x3js_19{flex:1;min-width:0;position:relative}._search_1x3js_19 .input{background:var(--surface-2);border-radius:999px;padding-left:38px}._searchIcon_1x3js_21{color:var(--muted);pointer-events:none;font-size:18px;position:absolute;top:50%;left:13px;translate:0 -50%}._searchWide_1x3js_22{max-width:520px}._searchRow_1x3js_23{gap:8px;padding-bottom:10px;display:none}._navMobile_1x3js_24{flex:none;gap:6px;display:flex}._navMobile_1x3js_24 .chip{padding-inline:12px}._nav_1x3js_24{gap:4px;display:flex}._nav_1x3js_24 a{height:var(--control-h);border-radius:var(--radius-sm);color:var(--text-2);align-items:center;padding-inline:12px;font-weight:600;display:inline-flex}._nav_1x3js_24 a:hover{color:var(--primary-strong);background:var(--primary-soft)}._nav_1x3js_24 a[aria-current=page]{color:var(--primary-strong)}._tools_1x3js_35{align-items:center;gap:4px;margin-left:auto;display:flex}._lang_1x3js_36{min-width:var(--control-h);cursor:pointer;gap:2px;padding-inline:8px;font-weight:700;position:relative}._langCaret_1x3js_37{color:var(--muted);font-size:14px}._lang_1x3js_36 select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}._lang_1x3js_36:has(select:focus-visible){box-shadow:var(--ring)}._cart_1x3js_40{margin-left:4px;position:relative}._count_1x3js_41{background:var(--hero-accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:22px;height:22px;padding-inline:6px;font-size:12px;font-weight:700;display:inline-grid}._main_1x3js_46{flex:1;min-width:0;padding-bottom:56px}._footer_1x3js_48{border-top:1px solid var(--line);background:var(--surface);padding:32px 0 calc(20px + var(--safe-bottom))}._footInner_1x3js_49{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}._footBrand_1x3js_50{gap:12px;max-width:520px;display:flex}._footBrand_1x3js_50 p{color:var(--muted);margin-top:2px;font-size:13px}._footNav_1x3js_52{flex-wrap:wrap;align-content:flex-start;gap:8px 20px;display:flex}._footNav_1x3js_52 a{color:var(--text-2);font-weight:500}._footNav_1x3js_52 a:hover{color:var(--primary-strong)}._copy_1x3js_55{color:var(--muted);margin-top:24px;font-size:12px}@media (width<=900px){._searchWide_1x3js_22,._nav_1x3js_24{display:none}._searchRow_1x3js_23{display:flex}._cartLabel_1x3js_60{display:none}}@media (width<=480px){._tools_1x3js_35 ._mode_1x3js_65,._tools_1x3js_35 ._trackBtn_1x3js_65{display:none}._bar_1x3js_11{gap:8px}._tools_1x3js_35{gap:2px}._brandText_1x3js_15 b{font-size:15px}}._card_qovta_1{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}._card_qovta_1:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}._media_qovta_8{aspect-ratio:1;background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}._media_qovta_8 img{object-fit:contain;width:100%;height:100%;padding:8px}._noImg_qovta_12{color:var(--line-strong);font-size:48px}._stock_qovta_13{background:var(--surface);box-shadow:var(--shadow-xs);position:absolute;top:10px;left:10px}._promo_qovta_15{background:var(--hero-accent,var(--accent));color:#fff;box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}._body_qovta_21{flex-direction:column;flex:1;gap:4px;min-width:0;padding:12px 14px 14px;display:flex}._store_qovta_22{min-width:0;color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}._store_qovta_22 span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._store_qovta_22:hover{color:var(--primary)}._name_qovta_27{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}._name_qovta_27:hover{color:var(--primary-strong)}._meta_qovta_32{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._foot_qovta_34{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:10px;display:flex}._price_qovta_35{flex-direction:column;min-width:0;line-height:1.2;display:flex}._price_qovta_35 b{color:var(--accent);font-size:17px}._was_qovta_37{color:var(--muted);font-size:12px}._price_qovta_35 small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}._ask_qovta_39{color:var(--info);font-size:13px;font-weight:600}._sk1_qovta_41{width:50%;height:12px}._sk2_qovta_42{width:90%;height:16px}._sk3_qovta_43{width:40%;height:20px;margin-top:12px}._wrap_e5mf4_2{container-type:inline-size}._grid_e5mf4_3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@container (width>=520px){._grid_e5mf4_3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@container (width>=720px){._grid_e5mf4_3{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=900px){._grid_e5mf4_3{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}._strip_yn0aa_1{margin-bottom:14px;position:relative}._track_yn0aa_4{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding:4px 2px;scroll-padding-inline:48px;display:flex;overflow-x:auto}._track_yn0aa_4::-webkit-scrollbar{display:none}._chip_yn0aa_10{scroll-snap-align:start;height:var(--control-h);padding-inline:var(--control-px);white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--control-fz);transition:background .15s var(--ease), border-color .15s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;font-weight:500;display:inline-flex}._chip_yn0aa_10 small{color:var(--muted);font-variant-numeric:tabular-nums}._chip_yn0aa_10:hover{border-color:var(--primary);color:var(--primary-strong)}._chip_yn0aa_10[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}._chip_yn0aa_10[aria-pressed=true] small,._chip_yn0aa_10[aria-pressed=true] ._icon_yn0aa_19{color:inherit;opacity:.9}._chip_yn0aa_10[aria-expanded=true]:not([aria-pressed=true]){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}._icon_yn0aa_19{color:var(--primary);font-size:18px}._sub_yn0aa_22{background:var(--primary-soft);border-color:#0000;font-size:13px}._arrow_yn0aa_24{z-index:1;width:var(--control-h);height:var(--control-h);background:var(--surface);color:var(--primary-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;translate:0 -50%}._arrow_yn0aa_24:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}._arrow_yn0aa_24[hidden]{display:none}._prev_yn0aa_31{left:-6px}._next_yn0aa_32{right:-6px}._strip_yn0aa_1:has(._prev_yn0aa_31:not([hidden])) ._track_yn0aa_4{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px);mask-image:linear-gradient(90deg,#0000,#000 56px)}._strip_yn0aa_1:has(._next_yn0aa_32:not([hidden])) ._track_yn0aa_4{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}._strip_yn0aa_1:has(._prev_yn0aa_31:not([hidden])):has(._next_yn0aa_32:not([hidden])) ._track_yn0aa_4{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}@media (pointer:coarse){._arrow_yn0aa_24{width:32px;height:32px;font-size:16px}}._sk_yn0aa_42{width:120px;height:var(--control-h);border-radius:999px;flex:none}._wrap_12aij_1{border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}._sk_12aij_2{aspect-ratio:8/3;border-radius:var(--radius)}._track_12aij_5{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}._track_12aij_5::-webkit-scrollbar{display:none}._slide_12aij_9{aspect-ratio:8/3;scroll-snap-align:start;color:#fff;flex:0 0 100%;position:relative}._slide_12aij_9 img{object-fit:cover;width:100%;height:100%}._noImg_12aij_11{background:var(--primary-soft);width:100%;height:100%;display:block}._caption_12aij_14{background:linear-gradient(#0000,#0009);flex-direction:column;gap:2px;padding:40px clamp(14px,3vw,28px) clamp(14px,2.4vw,24px);display:flex;position:absolute;inset:auto 0 0}._caption_12aij_14 b{font-size:clamp(17px,2.4vw,26px);line-height:1.3}._caption_12aij_14 span{opacity:.92;font-size:clamp(13px,1.5vw,16px)}._caption_12aij_14 small{opacity:.8;font-size:12px}._arrow_12aij_23{width:40px;height:40px;color:var(--primary-strong);box-shadow:var(--shadow-md);cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;top:50%;translate:0 -50%}._arrow_12aij_23:hover{background:#fff}._prev_12aij_29{left:10px}._next_12aij_30{right:10px}@media (pointer:coarse){._arrow_12aij_23{display:none}}._dots_12aij_33{gap:2px;display:flex;position:absolute;bottom:10px;right:14px}._dot_12aij_33{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}._dot_12aij_33:after{content:"";width:8px;height:8px;transition:width .2s var(--ease);background:#ffffff8c;border-radius:999px}._dot_12aij_33[aria-current=true]:after{background:#fff;width:18px}._hero_1ruuk_1{isolation:isolate;color:#fff;background:var(--hero-deep) url(/hero/building-materials-1200.jpg) center / cover no-repeat;padding:clamp(48px,9vw,96px) 0 clamp(40px,7vw,72px);position:relative}@media (width>=1200px){._hero_1ruuk_1{background-image:url(/hero/building-materials.jpg)}}._hero_1ruuk_1:before{content:"";z-index:-1;background:linear-gradient(100deg, color-mix(in oklab, var(--hero-deep) 92%, transparent) 30%, color-mix(in oklab, var(--hero-deep) 55%, transparent));position:absolute;inset:0}._heroInner_1ruuk_10{max-width:var(--page-max);flex-direction:column;gap:14px;display:flex}._heroInner_1ruuk_10 h1{color:#fff;max-width:18ch;font-size:clamp(28px,4.6vw,48px)}._eyebrow_1ruuk_12{letter-spacing:.14em;text-transform:uppercase;color:var(--hero-accent);font-size:12.5px;font-weight:700}._lead_1ruuk_13{max-width:56ch;color:var(--hero-muted);font-size:clamp(15px,1.6vw,17px)}._heroSearch_1ruuk_15{background:var(--surface);width:min(100%,640px);box-shadow:var(--shadow-lg);border-radius:999px;gap:8px;margin-top:8px;padding:6px;display:flex;position:relative}._heroSearch_1ruuk_15>svg{color:var(--muted);font-size:20px;position:absolute;top:50%;left:20px;translate:0 -50%}._heroSearch_1ruuk_15 .input{box-shadow:none;background:0 0;border:0;padding-left:44px}._heroSearch_1ruuk_15 .btn{border-radius:999px;padding-inline:22px}._stats_1ruuk_22{color:var(--hero-muted);flex-wrap:wrap;gap:20px;font-weight:600;display:flex}._stats_1ruuk_22 span{align-items:center;gap:6px;display:inline-flex}._section_1ruuk_25{margin-top:40px}._head_1ruuk_26{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}._h2_1ruuk_27{font-size:clamp(19px,2.2vw,23px)}._section_1ruuk_25>._h2_1ruuk_27{margin-bottom:14px}._steps_1ruuk_30{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-top:32px;display:grid}._step_1ruuk_30{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}._step_1ruuk_30 svg{color:var(--primary);grid-row:span 2;font-size:28px}._step_1ruuk_30 span{color:var(--muted);font-size:13px}._banners_1ruuk_39{margin-top:28px}:root,.theme-scope[data-mode=light]{--primary:#0b78b8;--primary-strong:#08649a;--primary-contrast:#fff;--accent:#c44917;--roast:#075476;--success:#1f7a4d;--warning:#b7791f;--danger:#c0392b;--info:#2f6690;--kpi-blue:#2f74c8;--kpi-amber:#f15a22;--kpi-rose:#20a9d7;--bg:#f3f7fa;--surface:#fff;--surface-2:#f7fafc;--surface-3:#eaf2f7;--line:#e0eaf1;--line-strong:#c8d8e3;--text:#172b38;--text-2:#405666;--muted:#657b8b;--overlay:#08182480;--font:"Inter", "Noto Sans Lao", "Noto Sans Thai", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Fraunces", "Noto Serif Lao", "Noto Sans Lao", "Noto Sans Thai", "Noto Sans SC", Georgia, serif;--fz-xs:12px;--fz-sm:13px;--fz-md:14px;--fz-lg:16px;--fz-xl:20px;--fz-2xl:26px;--control-h:40px;--control-px:14px;--control-fz:14px;--control-h-sm:32px;--control-px-sm:8px;--control-fz-sm:13px;--radius:14px;--shadow-xs:0 1px 2px #0c2a3e0f;--shadow-sm:0 1px 3px #0c2a3e12, 0 1px 2px #0c2a3e0a;--shadow-md:0 8px 24px -8px #0c2a3e2e;--shadow-lg:0 24px 60px -16px #081c2a52;--ease:cubic-bezier(.2, .7, .2, 1);--header-h:68px;--page-max:1280px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-mode=dark],.theme-scope[data-mode=dark]{--primary:#1da9e5;--primary-strong:#5cc3ee;--primary-contrast:#06212e;--accent:#ff9366;--roast:#c8eaf6;--success:#5cc28c;--warning:#e0a94a;--danger:#ef7b6c;--info:#7fb3d5;--kpi-blue:#5aa5f0;--kpi-amber:#f15a22;--kpi-rose:#44bde8;--bg:#0d161d;--surface:#14212b;--surface-2:#1a2a35;--surface-3:#223542;--line:#2d4352;--line-strong:#3e5869;--text:#edf5fa;--text-2:#c4d6e2;--muted:#8ca5b6;--overlay:#0000009e;--hero-from:#0b5f92;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 10px 28px -10px #0009;--shadow-lg:0 28px 70px -18px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,.theme-scope{--primary-soft:color-mix(in oklab, var(--primary) 12%, transparent);--brand-from:var(--primary);--brand-to:var(--primary-strong);--brand-grad:var(--primary);--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--success-soft:color-mix(in oklab, var(--success) 14%, transparent);--warning-soft:color-mix(in oklab, var(--warning) 16%, transparent);--danger-soft:color-mix(in oklab, var(--danger) 12%, transparent);--info-soft:color-mix(in oklab, var(--info) 14%, transparent);--radius-sm:calc(var(--radius) - 4px);--radius-lg:calc(var(--radius) + 6px);--ring:0 0 0 3px color-mix(in oklab, var(--primary) 28%, transparent);--side-bg:color-mix(in oklab, var(--primary) 3%, var(--surface));--side-active:var(--brand-grad);--side-fg:var(--text-2);--side-strong:var(--text);--side-muted:var(--muted);--side-hover:color-mix(in oklab, var(--primary) 8%, transparent);--side-line:var(--line);--side-accent:var(--primary);--side-glow:color-mix(in oklab, var(--primary) 10%, transparent);--hero-deep:color-mix(in oklab, var(--primary) 40%, #052b40);--hero-from:var(--primary);--hero-to:var(--hero-from);--hero-bg:var(--hero-from);--hero-fg:#fff;--hero-muted:color-mix(in oklab, white 86%, var(--hero-from));--hero-accent:#f15a22}.theme-scope{color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-scope[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--header-h) + 12px)}body{min-height:100dvh;font-family:var(--font);font-size:var(--fz-md);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3,h4{text-wrap:balance;color:var(--text);font-weight:650;line-height:1.25}p{text-wrap:pretty}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}fieldset{border:0;min-width:0;margin:0;padding:0}:where(button,a,input,select,textarea,label,summary,[role=button]){touch-action:manipulation}input,select,textarea{font:inherit;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-soft)}.num,.money{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em}.muted{color:var(--muted)}.spacer{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100% - 32px, var(--page-max));margin-inline:auto}html:has(dialog:modal){overflow:hidden}@media (width<=640px),(pointer:coarse) and (width<=1024px){:is(input:not([type=checkbox],[type=radio]),select,textarea){font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.btn{height:var(--control-h);padding-inline:var(--control-px);font-size:var(--control-fz);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);white-space:nowrap;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);flex:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn svg{flex:none;font-size:18px}.btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.btn.primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong);color:var(--primary-contrast)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 86%, black);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn.block{width:100%}.btn.icon{width:var(--control-h);padding:0}.btn.sm{height:var(--control-h-sm);padding-inline:var(--control-px-sm);font-size:var(--control-fz-sm)}.btn.sm.icon{width:var(--control-h-sm)}.input,.select,.textarea{width:100%;min-width:0;height:var(--control-h);padding-inline:var(--control-px);font-size:var(--control-fz);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.input::placeholder,.select::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.textarea{resize:vertical;height:auto;min-height:88px;padding-block:10px}.input-group{align-items:stretch;min-width:0;display:flex}.input-group>.addon{color:var(--text-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:var(--surface-2);border-right:0;align-items:center;padding-inline:12px;font-weight:600;display:inline-flex}.input-group>.input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.field>.label{color:var(--text-2);font-size:13px;font-weight:600}.field .req{color:var(--danger);margin-left:2px}.field .hint{color:var(--muted);font-size:12px}.field .err{color:var(--danger);font-size:12px;font-weight:600}.form-group{gap:14px;display:grid}.form-group>legend{font-weight:700;font-size:var(--fz-lg);margin-bottom:4px;padding:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.badge{background:var(--surface-3);height:24px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding-inline:9px;font-size:12px;font-weight:600;display:inline-flex}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.err{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.chip{height:var(--control-h);padding-inline:var(--control-px);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--control-fz);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.chip small{color:var(--muted);font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip[aria-pressed=true],.chip[aria-current=page]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-block:28px 18px;display:flex}.page-head h1{font-size:clamp(22px,3vw,30px)}.page-head p{color:var(--muted);margin-top:4px}.skeleton{background:linear-gradient(90deg, var(--surface-3) 25%, var(--surface-2) 50%, var(--surface-3) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toast-host{inset:auto 16px calc(16px + var(--safe-bottom)) auto;z-index:100;pointer-events:none;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);animation:toast-in .2s var(--ease);padding:12px 16px;font-weight:500}.toast.err{background:var(--danger);color:#fff}.toast.ok{background:var(--success);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.page-top{padding-top:40px}