@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--brand: #e30613;--brand-dark: #9e151a;--brand-soft: #fdecec;--brand-ink: #9e151a;--accent: #2f83c4;--accent-soft: #e7f1fa;--ink: #1c1f23;--ink-soft: #5b636c;--ink-faint: #8b939d;--line: #e6e8eb;--line-strong: #d3d7dd;--bg: #f6f7f9;--bg-sunken: #eef0f3;--card: #ffffff;--overlay: rgba(16, 24, 40, .45);--success: #1a9d5a;--success-soft: #e8f7ee;--success-ink: #12703f;--warning: #d98a00;--warning-soft: #fff3e0;--warning-ink: #96601a;--danger: #d13438;--danger-soft: #feecec;--danger-ink: #a32126;--info: #2f83c4;--info-soft: #e7f1fa;--info-ink: #1e5d8f;--neutral-soft: #eef0f3;--neutral-ink: #5b636c;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10: 72px;--font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-xs: 12px;--leading-xs: 1.4;--text-sm: 13px;--leading-sm: 1.45;--text-base: 15px;--leading-base: 1.55;--text-md: 17px;--leading-md: 1.5;--text-lg: 20px;--leading-lg: 1.35;--text-xl: 24px;--leading-xl: 1.3;--text-2xl: 30px;--leading-2xl: 1.2;--text-3xl: 38px;--leading-3xl: 1.15;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-xs: 6px;--radius-sm: 9px;--radius: 14px;--radius-lg: 20px;--radius-pill: 999px;--elevation-1: 0 1px 2px rgba(16, 24, 40, .06);--elevation-2: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);--elevation-3: 0 12px 40px rgba(16, 24, 40, .14);--ring-brand: 0 4px 14px rgba(227, 6, 19, .28);--focus-ring: 0 0 0 3px var(--brand-soft);--focus-ring-width: 2px;--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--ease-out: cubic-bezier(.2, .8, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-sticky: 10;--z-appbar: 20;--z-drawer: 40;--z-modal: 60;--z-toast: 80;--container: 1160px;--container-narrow: 620px;--topbar-h: 62px;--appbar-h: 60px;--side-w: 250px;--sticky-top: calc(var(--topbar-h) + var(--space-4));--sidebar: #0f1729;--sidebar-ink: #c7d0e0;--sidebar-ink-dim: #7c88a1;--sidebar-active: #1b2740}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--brand: #ff4d5a;--brand-dark: #ff2740;--brand-soft: #3a1a1e;--brand-ink: #ffb3ba;--accent: #56b0ef;--accent-soft: #16283a;--ink: #eef1f5;--ink-soft: #a4adb8;--ink-faint: #7b848f;--line: #2b3038;--line-strong: #3a4048;--bg: #14171b;--bg-sunken: #101317;--card: #1c2026;--overlay: rgba(0, 0, 0, .6);--success: #3ecf80;--success-soft: #12291d;--success-ink: #7ee2ab;--warning: #f0a92c;--warning-soft: #2c2011;--warning-ink: #f5c877;--danger: #ff6b6f;--danger-soft: #331618;--danger-ink: #ffa8ab;--info: #56b0ef;--info-soft: #16283a;--info-ink: #9bd0f7;--neutral-soft: #23282f;--neutral-ink: #a4adb8;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4);--elevation-2: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--elevation-3: 0 12px 40px rgba(0, 0, 0, .5);--ring-brand: 0 4px 14px rgba(255, 77, 90, .22);--sidebar: #0b111f;--sidebar-active: #17223b}}:root[data-theme=dark]{--brand: #ff4d5a;--brand-dark: #ff2740;--brand-soft: #3a1a1e;--brand-ink: #ffb3ba;--accent: #56b0ef;--accent-soft: #16283a;--ink: #eef1f5;--ink-soft: #a4adb8;--ink-faint: #7b848f;--line: #2b3038;--line-strong: #3a4048;--bg: #14171b;--bg-sunken: #101317;--card: #1c2026;--overlay: rgba(0, 0, 0, .6);--success: #3ecf80;--success-soft: #12291d;--success-ink: #7ee2ab;--warning: #f0a92c;--warning-soft: #2c2011;--warning-ink: #f5c877;--danger: #ff6b6f;--danger-soft: #331618;--danger-ink: #ffa8ab;--info: #56b0ef;--info-soft: #16283a;--info-ink: #9bd0f7;--neutral-soft: #23282f;--neutral-ink: #a4adb8;--elevation-1: 0 1px 2px rgba(0, 0, 0, .4);--elevation-2: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--elevation-3: 0 12px 40px rgba(0, 0, 0, .5);--ring-brand: 0 4px 14px rgba(255, 77, 90, .22);--sidebar: #0b111f;--sidebar-active: #17223b}[data-density=floor]{--text-sm: 15px;--text-base: 17px;--text-md: 20px;--text-lg: 24px;--text-xl: 30px;--text-2xl: 38px;--control-h: 60px}:root{--brand: #e30613;--brand-dark: #9e151a;--brand-soft: #fdecec;--accent: #2f83c4;--ink: #1c1f23;--ink-soft: #5b636c;--line: #e6e8eb;--bg: #f6f7f9;--card: #ffffff;--ok: #1a9d5a;--warn: #d98a00;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.06);--shadow-lg: 0 12px 40px rgba(16,24,40,.14);--font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--brand: #ff4d5a;--brand-dark: #ff2740;--brand-soft: #2a1416;--accent: #56b0ef;--ink: #eef1f5;--ink-soft: #a4adb8;--line: #2b3038;--bg: #14171b;--card: #1c2026;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.5)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--accent);text-decoration:none}h1,h2,h3{line-height:1.2;margin:0 0 .4em;letter-spacing:-.01em}.container{max-width:1160px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .row{display:flex;align-items:center;gap:18px;height:62px}.brandmark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink)}.brandmark .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 2px 8px #e3061359}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:transform .06s,box-shadow .2s,background .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px #e3061347}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:22px}.grid{display:grid;gap:18px}.muted{color:var(--ink-soft)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--brand-soft);color:var(--brand-dark)}label.field{display:block;margin-bottom:14px}label.field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink-soft)}input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photo{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg);border:2px solid transparent;cursor:pointer}.photo.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .tick{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:none;align-items:center;justify-content:center;font-size:14px}.photo.selected .tick{display:flex}.photo .ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ink-soft);font-size:12px;text-align:center;padding:8px}.summary-row{display:flex;justify-content:space-between;padding:6px 0}.summary-row.total{font-weight:800;font-size:18px;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.hero{padding:40px 0 28px}.hero h1{font-size:34px}:root{--sidebar: #0f1729;--sidebar-ink: #c7d0e0;--sidebar-ink-dim: #7c88a1;--sidebar-active: #1b2740;--topbar-h: 62px;--side-w: 250px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sidebar:#0b111f;--sidebar-active:#17223b}}.shell{display:grid;grid-template-columns:var(--side-w) 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-ink);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:18px 20px;font-weight:800;font-size:17px;color:#fff}.sidebar .brand .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-dark))}.nav-group{padding:10px 12px}.nav-group .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-ink-dim);padding:8px 12px 4px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:var(--sidebar-ink);font-weight:500;font-size:14.5px;cursor:pointer;transition:background .12s,color .12s}.nav-item:hover{background:var(--sidebar-active);color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.nav-item svg{width:18px;height:18px;flex:none;opacity:.9}.sidebar .foot{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.main{display:flex;flex-direction:column;min-width:0}.appbar{height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:10}.appbar .search{flex:1;max-width:420px;position:relative}.appbar .search input{padding-left:36px;background:var(--bg)}.appbar .search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-soft)}.usermenu{display:flex;align-items:center;gap:9px;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.content{padding:26px 24px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:23px;margin:0}.page-head .sub{color:var(--ink-soft);font-size:14px;margin-top:2px}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;padding:11px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);background:var(--bg);position:sticky;top:0}table.data td{padding:12px 16px;border-top:1px solid var(--line);font-size:14px}table.data tr:hover td{background:color-mix(in srgb,var(--bg) 60%,transparent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.new{background:#eef2ff;color:#4457c9}.badge.in_production{background:#fff3e0;color:#b26a00}.badge.completed{background:#e8f7ee;color:#1a8f52}.badge.cancelled{background:#feecec;color:#c53030}.badge.shipped{background:#e7f5ff;color:#1a7fb8}.badge.printed{background:#f0ebff;color:#6b46c1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .badge{filter:brightness(1.5) saturate(.8);background:#ffffff0f}}@media (max-width: 820px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .2s;width:var(--side-w)}.sidebar.open{transform:none}}.prose{color:var(--ink);font-size:var(--text-base);line-height:var(--leading-base);overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 var(--space-4)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);font-weight:var(--weight-semibold);line-height:var(--leading-lg);margin:var(--space-6) 0 var(--space-2)}.prose h1{font-size:var(--text-xl)}.prose h2{font-size:var(--text-lg)}.prose h3{font-size:var(--text-md)}.prose h4{font-size:var(--text-base)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose strong,.prose b{font-weight:var(--weight-semibold)}.prose ul,.prose ol{padding-left:var(--space-5)}.prose li{margin-bottom:var(--space-1)}.prose li::marker{color:var(--ink-faint)}.prose hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}.prose blockquote{border-left:3px solid var(--line-strong);padding-left:var(--space-4);color:var(--ink-soft)}.prose img,.prose video,.prose iframe{max-width:100%;height:auto;border-radius:var(--radius-sm)}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:0 0 var(--space-4)}.prose th,.prose td{border:1px solid var(--line);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:var(--bg-sunken);font-weight:var(--weight-semibold)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg-sunken);padding:1px var(--space-1);border-radius:var(--radius-xs)}.prose-scroll{overflow-x:auto}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:var(--control-h, 40px);border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.ui-btn:active{transform:translateY(1px)}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn[disabled],.ui-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ui-btn[disabled]:active{transform:none}.ui-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--ring-brand)}.ui-btn--primary:hover:not([disabled]){background:var(--brand-dark)}.ui-btn--secondary{background:var(--card);color:var(--ink);border-color:var(--line-strong)}.ui-btn--secondary:hover:not([disabled]){background:var(--bg)}.ui-btn--ghost{background:transparent;color:var(--ink)}.ui-btn--ghost:hover:not([disabled]){background:var(--bg-sunken)}.ui-btn--danger{background:var(--danger);color:#fff}.ui-btn--danger:hover:not([disabled]){filter:brightness(.92)}.ui-btn--link{background:none;color:var(--accent);padding:0;height:auto;font-weight:var(--weight-medium)}.ui-btn--link:hover:not([disabled]){text-decoration:underline}.ui-btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.ui-btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md)}.ui-btn--block{width:100%}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h, 40px);height:var(--control-h, 40px);padding:0;flex:none;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.ui-iconbtn:hover{background:var(--bg-sunken);color:var(--ink)}.ui-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-iconbtn[disabled]{opacity:.5;cursor:not-allowed}.ui-iconbtn--sm{width:32px;height:32px}.ui-iconbtn svg{width:18px;height:18px}.ui-field{display:block;margin-bottom:var(--space-4)}.ui-field__label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-soft);margin-bottom:var(--space-1)}.ui-field__required{color:var(--danger);margin-left:2px}.ui-field__hint{display:block;font-size:var(--text-xs);color:var(--ink-faint);margin-top:var(--space-1)}.ui-field__error{display:block;font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-1)}.ui-input,.ui-select,.ui-textarea{width:100%;height:var(--control-h, 40px);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font:inherit;font-size:var(--text-base);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.ui-textarea{height:auto;padding:var(--space-2) var(--space-3);line-height:var(--leading-base);resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--ink-faint)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.ui-input[disabled],.ui-select[disabled],.ui-textarea[disabled]{background:var(--bg-sunken);color:var(--ink-faint);cursor:not-allowed}.ui-input--invalid,.ui-select--invalid{border-color:var(--danger)}.ui-input--invalid:focus{box-shadow:0 0 0 3px var(--danger-soft)}.ui-input--num{text-align:right;font-variant-numeric:tabular-nums}.ui-input--auto{width:auto}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-7);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right var(--space-4) center,right var(--space-3) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ui-check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base)}.ui-check input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;margin:0;flex:none}.ui-check input:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}.ui-inputgroup{position:relative;display:flex;align-items:center}.ui-inputgroup>svg{position:absolute;left:var(--space-3);width:16px;height:16px;color:var(--ink-faint);pointer-events:none}.ui-inputgroup>.ui-input{padding-left:var(--space-8)}.ui-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--elevation-1)}.ui-card--raised{box-shadow:var(--elevation-2)}.ui-card--flat{box-shadow:none}.ui-card--pad{padding:var(--space-5)}.ui-card--pad-sm{padding:var(--space-3)}.ui-card--clickable{display:block;color:inherit;text-decoration:none;overflow:hidden;transition:box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.ui-card--clickable:hover{box-shadow:var(--elevation-2);border-color:var(--line-strong);transform:translateY(-2px)}.ui-card--clickable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.5;white-space:nowrap;background:var(--neutral-soft);color:var(--neutral-ink)}.ui-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.ui-badge--nodot:before{display:none}.ui-badge--success{background:var(--success-soft);color:var(--success-ink)}.ui-badge--warning{background:var(--warning-soft);color:var(--warning-ink)}.ui-badge--danger{background:var(--danger-soft);color:var(--danger-ink)}.ui-badge--info{background:var(--info-soft);color:var(--info-ink)}.ui-badge--brand{background:var(--brand-soft);color:var(--brand-ink)}.ui-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.ui-tag--brand{background:var(--brand-soft);color:var(--brand-ink);border-color:transparent}.ui-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-size:var(--text-xs);font-weight:var(--weight-bold);overflow:hidden}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-avatar--lg{width:44px;height:44px;font-size:var(--text-base)}.ui-num{font-variant-numeric:tabular-nums}.ui-spinner{display:inline-block;width:18px;height:18px;flex:none;border:2px solid var(--line-strong);border-top-color:var(--brand);border-radius:50%;animation:ui-spin .7s linear infinite}.ui-spinner--lg{width:28px;height:28px;border-width:3px}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-skeleton{display:block;background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--line) 37%,var(--bg-sunken) 63%);background-size:400% 100%;border-radius:var(--radius-xs);animation:ui-shimmer 1.4s ease infinite}@keyframes ui-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.ui-spinner,.ui-skeleton{animation-duration:0s}.ui-card--clickable:hover{transform:none}*{scroll-behavior:auto!important}}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center;color:var(--ink-soft)}.ui-empty__icon{color:var(--ink-faint)}.ui-empty__icon svg{width:32px;height:32px}.ui-empty__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--ink)}.ui-empty__body{font-size:var(--text-sm);max-width:42ch}.ui-empty--inline{padding:var(--space-5)}.ui-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.ui-pagehead__title{font-size:var(--text-xl);line-height:var(--leading-xl);margin:0}.ui-pagehead__sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:2px}.ui-pagehead__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.ui-toolbar__spacer{flex:1 1 auto}.ui-toolbar__count{color:var(--ink-soft);font-size:var(--text-sm)}.ui-toolbar .ui-input,.ui-toolbar .ui-select{width:auto}.ui-toolbar .ui-inputgroup{flex:0 1 260px;min-width:180px}.ui-toolbar .ui-inputgroup .ui-input{width:100%}.ui-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ui-stat__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-soft)}.ui-stat__value{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:var(--weight-bold);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.ui-stat__sub{font-size:var(--text-xs);color:var(--ink-faint);margin-top:var(--space-1)}.ui-table-wrap{overflow-x:auto;border-radius:var(--radius)}.ui-table{width:100%;border-collapse:collapse}.ui-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);background:var(--bg-sunken);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:var(--z-base);white-space:nowrap}.ui-table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);font-size:var(--text-sm);vertical-align:middle}.ui-table tbody tr:hover td{background:color-mix(in srgb,var(--bg) 55%,transparent)}.ui-table th.is-num,.ui-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.ui-table th.is-center,.ui-table td.is-center{text-align:center}.ui-table td.is-actions{text-align:right;white-space:nowrap}.ui-table--compact td{padding:var(--space-2) var(--space-4)}.ui-table__row--clickable{cursor:pointer}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.ui-pagination__label{color:var(--ink-soft);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ui-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line);margin-bottom:var(--space-5)}.ui-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.ui-tab:hover{color:var(--ink)}.ui-tab[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand);font-weight:var(--weight-semibold)}.ui-tab:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}.ui-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:ui-fade var(--motion-base) var(--ease-out)}@keyframes ui-fade{0%{opacity:0}}.ui-modal{background:var(--card);border-radius:var(--radius);box-shadow:var(--elevation-3);width:100%;max-width:520px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;animation:ui-rise var(--motion-base) var(--ease-out)}@keyframes ui-rise{0%{opacity:0;transform:translateY(8px)}}.ui-modal--wide{max-width:800px}.ui-modal__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.ui-modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0;flex:1}.ui-modal__body{padding:0 var(--space-5);overflow-y:auto;flex:1}.ui-modal__foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-5)}.ui-scrim--left{align-items:stretch;justify-content:flex-start;padding:0;z-index:var(--z-drawer)}.ui-scrim--right{align-items:stretch;justify-content:flex-end;padding:0;z-index:var(--z-drawer)}.ui-drawer{background:var(--card);box-shadow:var(--elevation-3);width:min(360px,86vw);height:100%;display:flex;flex-direction:column;overflow-y:auto;animation:ui-slide-l var(--motion-base) var(--ease-out)}.ui-scrim--right .ui-drawer{animation-name:ui-slide-r}@keyframes ui-slide-l{0%{transform:translate(-100%)}}@keyframes ui-slide-r{0%{transform:translate(100%)}}.ui-drawer--dark{background:var(--sidebar);color:var(--sidebar-ink)}.ui-toasts{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(380px,calc(100vw - var(--space-8)));pointer-events:none}.ui-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ink-faint);box-shadow:var(--elevation-3);font-size:var(--text-sm);color:var(--ink);pointer-events:auto;animation:ui-toast-in var(--motion-base) var(--ease-out)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(12px)}}.ui-toast--success{border-left-color:var(--success)}.ui-toast--warning{border-left-color:var(--warning)}.ui-toast--danger{border-left-color:var(--danger)}.ui-toast--info{border-left-color:var(--info)}.ui-toast__body{flex:1}.ui-toast__title{font-weight:var(--weight-semibold)}.ui-tip{position:relative;display:inline-flex}.ui-tip__bubble{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);background:var(--ink);color:var(--card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;z-index:var(--z-appbar);box-shadow:var(--elevation-2)}.ui-stack{display:flex;flex-direction:column}.ui-row{display:flex;align-items:center}.ui-wrap{flex-wrap:wrap}.ui-spacer{flex:1 1 auto}.ui-gap-1{gap:var(--space-1)}.ui-gap-2{gap:var(--space-2)}.ui-gap-3{gap:var(--space-3)}.ui-gap-4{gap:var(--space-4)}.ui-gap-5{gap:var(--space-5)}.ui-gap-6{gap:var(--space-6)}.ui-split{display:grid;gap:var(--space-5);align-items:start;grid-template-columns:1fr}@media (min-width: 768px){.ui-split{grid-template-columns:1fr minmax(280px,340px)}.ui-split--rail-left{grid-template-columns:minmax(200px,240px) 1fr}.ui-split--even{grid-template-columns:1fr 1fr}.ui-split__rail--sticky{position:sticky;top:var(--sticky-top)}}.ui-autogrid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(var(--min, 200px),1fr))}.ui-muted{color:var(--ink-soft)}.ui-faint{color:var(--ink-faint)}.ui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{max-width:var(--container);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-9)}.page--narrow{max-width:var(--container-narrow);padding-top:var(--space-8)}.page--wide{max-width:none}.page__head{margin-bottom:var(--space-5)}.page__title{font-size:var(--text-2xl);line-height:var(--leading-2xl);letter-spacing:-.02em;margin:0}.page__sub{color:var(--ink-soft);margin:var(--space-1) 0 0}.page__back{margin-bottom:var(--space-3)}.hero-block{padding:var(--space-7) 0 var(--space-6)}.hero-block__eyebrow{margin-bottom:var(--space-3)}.hero-block__title{font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));line-height:var(--leading-3xl);letter-spacing:-.025em;margin:0 0 var(--space-3);text-wrap:balance}.hero-block__lead{color:var(--ink-soft);font-size:var(--text-md);line-height:var(--leading-md);max-width:56ch;margin:0 0 var(--space-5)}.hero-block__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.order-success{text-align:center}.order-success__mark{display:inline-flex;color:var(--success)}.order-success__mark svg{width:44px;height:44px}.order-success__title{font-size:var(--text-xl);line-height:var(--leading-xl);margin:var(--space-3) 0 var(--space-1)}.order-success__no{font-variant-numeric:tabular-nums;margin:0}.order-success__total{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:var(--space-3) 0 0}.order-success__note{font-size:var(--text-sm);margin:var(--space-3) 0 0}.order-success__action{margin-top:var(--space-5)}.summary{display:flex;flex-direction:column}.summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;font-size:var(--text-sm)}.summary__row--success{color:var(--success-ink)}.summary__row--total{font-size:var(--text-md);font-weight:var(--weight-bold);border-top:1px solid var(--line);margin-top:var(--space-2);padding-top:var(--space-3)}.summary__note{font-size:var(--text-xs);margin:0 0 var(--space-2)}.pcard{display:flex;flex-direction:column}.pcard__media{position:relative;aspect-ratio:1;background:var(--bg-sunken);display:grid;place-items:center;overflow:hidden}.pcard__media img{width:100%;height:100%;object-fit:cover;display:block}.pcard__ph{color:var(--ink-faint)}.pcard__ph svg{width:28px;height:28px}.pcard__flag{position:absolute;top:var(--space-2);left:var(--space-2)}.pcard__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.pcard__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-sm);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard__foot{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.pcard__price{font-size:var(--text-base)}.catalog{display:grid;gap:var(--space-5);align-items:start;grid-template-columns:1fr}@media (min-width: 900px){.catalog{grid-template-columns:220px minmax(0,1fr)}}.catnav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.catnav__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2)}.catnav__item:hover{color:var(--ink);border-color:var(--line-strong)}.catnav__item[aria-current=true]{background:var(--brand-soft);color:var(--brand-ink);border-color:transparent;font-weight:var(--weight-semibold)}.catnav__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.catnav__count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}@media (min-width: 900px){.catnav{flex-direction:column;overflow:visible;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-2);position:sticky;top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - var(--space-6));overflow-y:auto}.catnav__item{border:0;background:none;border-radius:var(--radius-xs);justify-content:space-between;width:100%;text-align:left}.catnav__item:hover{background:var(--bg-sunken)}}.catalog__bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.catalog__bar .ui-inputgroup{flex:1}.catalog__meta{color:var(--ink-soft);font-size:var(--text-sm);margin:0 0 var(--space-3)}.pdp{display:grid;gap:var(--space-6);align-items:start;grid-template-columns:1fr}@media (min-width: 860px){.pdp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pdp__stage{aspect-ratio:1;background:var(--bg-sunken);display:grid;place-items:center;overflow:hidden}.pdp__stage img{width:100%;height:100%;object-fit:contain}.pdp__thumbs{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.pdp__thumb{width:60px;height:60px;padding:0;border-radius:var(--radius-xs);overflow:hidden;cursor:pointer;border:1px solid var(--line);background:var(--bg-sunken)}.pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pdp__thumb[aria-current=true]{border-color:var(--brand);box-shadow:var(--focus-ring)}.pdp__thumb:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pdp__title{font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:-.02em;margin:0}.pdp__price{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:var(--space-2) 0 var(--space-4)}.pdp__opts{margin-bottom:var(--space-4)}.pdp__optname{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.pdp__optrow{display:flex;gap:var(--space-2);flex-wrap:wrap}.pdp__buy{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-5)}.pdp__qty{width:84px}.pdp__section{margin-top:var(--space-7)}.pdp__section h2{font-size:var(--text-lg);line-height:var(--leading-lg);margin:0 0 var(--space-3)}.cartline{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img title remove" "img controls controls";gap:var(--space-2) var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.cartline:last-child{border-bottom:0}@media (min-width: 620px){.cartline{grid-template-columns:56px minmax(0,1fr) 90px 110px auto;grid-template-areas:"img title qty price remove"}}.cartline__img{grid-area:img;width:56px;height:56px;border-radius:var(--radius-xs);object-fit:cover;background:var(--bg-sunken)}.cartline__ph{grid-area:img;width:56px;height:56px;border-radius:var(--radius-xs);background:var(--bg-sunken);display:grid;place-items:center;color:var(--ink-faint)}.cartline__title{grid-area:title;font-size:var(--text-sm);min-width:0}.cartline__qty{grid-area:qty}.cartline__qty .ui-input{width:100%;max-width:90px}.cartline__price{grid-area:price;text-align:right;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.cartline__remove{grid-area:remove;justify-self:end}@media (max-width: 619px){.cartline__controls{grid-area:controls;display:flex;align-items:center;gap:var(--space-3)}.cartline__price{text-align:left}}.stickybar{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:var(--space-5) calc(var(--space-5) * -1) 0;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.stickybar__total{font-weight:var(--weight-bold);font-size:var(--text-md)}.stickybar .ui-btn{flex:1}@media (min-width: 860px){.stickybar{display:none}}.auth{max-width:400px;margin:0 auto;padding:var(--space-9) var(--space-5)}.auth__title{font-size:var(--text-xl);line-height:var(--leading-xl);margin:0 0 var(--space-5)}.auth__alt{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--ink-faint);font-size:var(--text-xs)}.auth__alt:before,.auth__alt:after{content:"";flex:1;height:1px;background:var(--line)}.tiles{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tile__title{font-size:var(--text-md);margin:0 0 var(--space-2)}.tile__body{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.topnav{position:sticky;top:0;z-index:var(--z-appbar);background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topnav__row{max-width:var(--container);margin:0 auto;padding:0 var(--space-5);height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-3)}.brandlink{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.02em;flex:none}.brandlink:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}.brandlink svg{width:24px;height:24px;color:var(--brand)}.brandlogo{display:inline-flex;align-items:center;gap:var(--space-2)}.brandlogo--icon{color:var(--ink)}.brandlogo--icon svg{width:24px;height:24px;color:var(--brand)}.brandlogo__text{font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.02em}.brandlogo__image{height:36px;width:auto;max-width:140px;object-fit:contain}.brandlogo--invert .brandlogo__image{filter:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .brandlogo--invert .brandlogo__image{filter:invert(1)}}:root[data-theme=dark] .brandlogo--invert .brandlogo__image{filter:invert(1)}.brandlogo__fallback{display:inline-flex;align-items:center;gap:var(--space-2)}.topnav__links{display:none;gap:var(--space-1);margin-left:var(--space-2)}@media (min-width: 900px){.topnav__links{display:flex}}.topnav__end{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.topnav__auth{display:none;align-items:center;gap:var(--space-1)}@media (min-width: 900px){.topnav__auth{display:flex}}.topnav__burger{display:inline-flex}@media (min-width: 900px){.topnav__burger{display:none}}.cartlink{position:relative}.cartlink__count{position:absolute;top:2px;right:2px}.langpick{display:inline-flex;gap:2px;padding:3px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-pill)}.langpick button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink-soft);padding:3px var(--space-2);border-radius:var(--radius-pill)}.langpick button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--elevation-1)}.langpick button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sheetnav{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);height:100%}.sheetnav__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sheetnav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-weight:var(--weight-medium)}.sheetnav__link:hover{background:var(--bg-sunken)}.sheetnav__link[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink)}.sheetnav__link svg{width:20px;height:20px;color:var(--ink-faint)}.sheetnav__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line)}.footer{border-top:1px solid var(--line);background:var(--card);margin-top:var(--space-10)}.footer__row{max-width:var(--container);margin:0 auto;padding:var(--space-8) var(--space-5);display:grid;gap:var(--space-7);grid-template-columns:1fr}@media (min-width: 760px){.footer__row{grid-template-columns:1.4fr 1fr 1fr}}.footer h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:var(--weight-bold);margin:0 0 var(--space-3)}.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer a{color:var(--ink-soft);text-decoration:none;font-size:var(--text-sm)}.footer a:hover{color:var(--ink);text-decoration:underline}.footer__blurb{color:var(--ink-soft);font-size:var(--text-sm);max-width:44ch;margin:var(--space-3) 0 0}.footer__brands{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.footer__legal{border-top:1px solid var(--line);padding:var(--space-4) var(--space-5);max-width:var(--container);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center;color:var(--ink-faint);font-size:var(--text-xs)}.footer__legal .ui-spacer{flex:1 1 auto}.ashell{display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width: 1024px){.ashell{grid-template-columns:var(--side-w) 1fr}}.aside{background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column}.ashell>.aside{display:none}@media (min-width: 1024px){.ashell>.aside{display:flex;position:sticky;top:0;height:100vh;overflow-y:auto}}.aside__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);font-weight:var(--weight-bold);font-size:var(--text-md);color:#fff;text-decoration:none;letter-spacing:-.02em}.aside__brand svg{width:24px;height:24px;color:var(--brand)}.navgroup{padding:var(--space-2) var(--space-3)}.navgroup__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-ink-dim);padding:var(--space-2) var(--space-3) var(--space-1);font-weight:var(--weight-bold);margin:0}.navitem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--sidebar-ink);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-base);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.navitem:hover{background:var(--sidebar-active);color:#fff}.navitem.is-active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.navitem:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand)}.navitem svg{width:18px;height:18px;flex:none;opacity:.9}.aside__foot{margin-top:auto;padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.amain{display:flex;flex-direction:column;min-width:0}.abar{height:var(--appbar-h);border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);position:sticky;top:0;z-index:var(--z-appbar)}@media (min-width: 1024px){.abar{padding:0 var(--space-6)}}.abar__search{flex:1;max-width:420px}.abar__burger{display:inline-flex}@media (min-width: 1024px){.abar__burger{display:none}}.acontent{padding:var(--space-6) var(--space-4) var(--space-9)}@media (min-width: 1024px){.acontent{padding:var(--space-6) var(--space-6) var(--space-9)}}.usermenu{position:relative}.usermenu__trigger{display:flex;align-items:center;gap:var(--space-2);background:none;border:0;cursor:pointer;font:inherit;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--ink)}.usermenu__trigger:hover{background:var(--bg-sunken)}.usermenu__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.usermenu__id{text-align:right;line-height:1.2;display:none}@media (min-width: 640px){.usermenu__id{display:block}}.usermenu__name{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.usermenu__role{color:var(--ink-soft);font-size:var(--text-xs)}.usermenu__pop{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:200px;padding:var(--space-1);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--elevation-3);z-index:var(--z-drawer);display:flex;flex-direction:column}.usermenu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);background:none;border:0;font:inherit;font-size:var(--text-sm);color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}.usermenu__item:hover{background:var(--bg-sunken)}.usermenu__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.usermenu__item svg{width:16px;height:16px;color:var(--ink-faint)}.usermenu__sep{height:1px;background:var(--line);margin:var(--space-1) 0}.crash{max-width:520px;margin:0 auto;padding:var(--space-10) var(--space-5);text-align:center}.crash__title{font-size:var(--text-xl);line-height:var(--leading-xl);margin:0 0 var(--space-3)}.crash__body{color:var(--ink-soft);margin:0 0 var(--space-5)}.crash__detail{text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--ink-soft);background:var(--bg-sunken);border-radius:var(--radius-sm);padding:var(--space-3);margin-top:var(--space-5);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.photogrid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ptile{display:flex;flex-direction:column;gap:var(--space-2)}.ptile__btn{position:relative;display:block;width:100%;padding:0;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-sunken);border:2px solid transparent;cursor:pointer}.ptile__btn img{width:100%;height:100%;object-fit:cover;display:block}.ptile__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ptile__btn[aria-pressed=true]{border-color:var(--brand);box-shadow:var(--focus-ring)}.ptile__ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:100%;color:var(--ink-faint);font-size:var(--text-xs);text-align:center;padding:var(--space-2)}.ptile__ph svg{width:24px;height:24px}.ptile__tick{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:none;align-items:center;justify-content:center}.ptile__tick svg{width:14px;height:14px}.ptile__btn[aria-pressed=true] .ptile__tick{display:flex}.ptile__opts{display:flex;gap:var(--space-2)}.ptile__opts .ui-select{flex:1;min-width:0}.ptile__opts .ui-input{width:64px;flex:none}.sharerow{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.sharerow .ui-input{font-size:var(--text-xs)}.uploader{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:2px dashed var(--line-strong);border-radius:var(--radius);background:var(--card);color:var(--ink-soft);cursor:pointer;text-align:center;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.uploader:hover{border-color:var(--brand);background:var(--bg-sunken)}.uploader:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.uploader svg{width:28px;height:28px;color:var(--ink-faint)}.uploader__title{font-weight:var(--weight-semibold);color:var(--ink)}.uploader__hint{font-size:var(--text-sm)}.studio{display:grid;gap:var(--space-6);align-items:start;grid-template-columns:1fr}@media (min-width: 900px){.studio{grid-template-columns:minmax(0,520px) minmax(280px,1fr)}}.studio__stagewrap{min-width:0}.studio__views{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.studio__stage{position:relative;width:100%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);touch-action:none}.studio__hint{font-size:var(--text-xs);color:var(--ink-soft);margin:var(--space-2) 0 0}.studio__zone{display:grid;place-items:center;width:100%;height:100%;cursor:pointer;border:2px dashed var(--line-strong);border-radius:var(--radius-xs);background:var(--bg-sunken);font-size:var(--text-xs);color:var(--ink-soft);text-align:center;padding:var(--space-1)}.studio__zone:hover{border-color:var(--brand)}.studio__zone:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}.studio__placed{width:100%;height:100%;overflow:hidden;cursor:grab}.studio__placed.is-active{outline:2px dashed var(--brand)}.studio__controls{display:flex;flex-direction:column;gap:var(--space-3)}.studio__slider{width:100%;accent-color:var(--brand)}.studio__sliderlabel{font-size:var(--text-xs);color:var(--ink-soft);display:block;margin-bottom:var(--space-1)}.cal{display:grid;gap:var(--space-5);align-items:start;grid-template-columns:1fr}@media (min-width: 1000px){.cal{grid-template-columns:92px minmax(0,1fr) minmax(260px,320px)}}.cal__rail{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}@media (min-width: 1000px){.cal__rail{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:70vh}}.cal__page{flex:none;width:76px;padding:0;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-xs);background:var(--bg-sunken);overflow:hidden}.cal__page[aria-current=true]{border-color:var(--brand)}.cal__page:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cal__preview{display:grid;place-items:center}.cal__templates{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cal__tpl{padding:0;cursor:pointer;border:2px solid transparent;background:none;text-align:left;border-radius:var(--radius)}.cal__tpl[aria-current=true]{border-color:var(--brand)}.cal__tpl:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cal__tplthumb{aspect-ratio:3/4;background:var(--bg-sunken);border-radius:var(--radius) var(--radius) 0 0;display:grid;place-items:center;color:var(--ink-faint);overflow:hidden}.cal__tplthumb svg{width:28px;height:28px}.cal__tplthumb img{width:100%;height:100%;object-fit:cover}.cal__tplmeta{padding:var(--space-2) var(--space-3)}.cal__tplname{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.cal__tplsub{font-size:var(--text-xs);color:var(--ink-soft)}.calpage{container-type:inline-size;aspect-ratio:3/4;width:100%;max-width:460px;margin:0 auto;border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;position:relative}.calpage__photo{background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:var(--text-sm);text-align:center;padding:var(--space-4)}.calpage__photo--cover{flex:1 1 100%}.calpage__photo--month{flex:0 0 52%}.calpage__photo:not(.has-photo){background-color:var(--bg-sunken)}.calpage__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.85}.calpage__grid{flex:1;padding:2.5cqi 3cqi;display:flex;flex-direction:column;color:#1c1f23}.calpage__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5cqi}.calpage__month{font-size:4.2cqi;color:var(--brand-dark);font-weight:var(--weight-bold)}.calpage__year{font-size:3.2cqi;color:#5b636c}.calpage__table{width:100%;border-collapse:collapse;table-layout:fixed;flex:1}.calpage__table th{font-size:2.6cqi;color:#5b636c;padding:.3cqi 0;font-weight:var(--weight-bold)}.calpage__table th.is-weekend{color:var(--brand)}.calpage__table td{text-align:center;vertical-align:top;padding:.3cqi 0;height:1px}.calpage__day{font-size:3cqi;font-weight:var(--weight-semibold);line-height:1.05;color:#1c1f23}.calpage__day.is-weekend{color:var(--brand)}.calpage__nameday{font-size:1.9cqi;color:#7a828c;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board{display:grid;gap:var(--space-3);align-items:start;grid-template-columns:1fr}@media (min-width: 700px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.board{grid-template-columns:repeat(4,minmax(0,1fr))}}.boardcol__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);margin:0 0 var(--space-3)}.boardcol__list{display:flex;flex-direction:column;gap:var(--space-2)}.jobcard__type{font-weight:var(--weight-bold);font-size:var(--text-sm)}.jobcard__meta{color:var(--ink-soft);font-size:var(--text-xs);margin:var(--space-1) 0 var(--space-2)}.jobcard .ui-select{font-size:var(--text-sm)}.health__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;font-size:var(--text-sm);border-top:1px solid var(--line)}.health__section{margin-top:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-3)}.health__title{font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0 0 var(--space-1)}.drift--over{color:var(--danger);font-weight:var(--weight-semibold)}.drift--under{color:var(--success-ink);font-weight:var(--weight-semibold)}.reason--ok{color:var(--success-ink)}.reason--warn{color:var(--warning-ink)}.reason--bad{color:var(--danger)}.statedot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.statedot--in{background:var(--success)}.statedot--break{background:var(--warning)}.statedot--out{background:var(--ink-faint)}.workerrow{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);background:none;border:0;border-top:1px solid var(--line);font:inherit;font-size:var(--text-sm);color:var(--ink);cursor:pointer;text-align:left}.workerrow:hover{background:var(--bg-sunken)}.workerrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.workerrow__name{display:flex;align-items:center;gap:var(--space-2)}.shiftday{margin-bottom:var(--space-3)}.shiftday__head{font-weight:var(--weight-bold);font-size:var(--text-sm)}.shiftday__row{color:var(--ink-soft);font-size:var(--text-sm);padding-left:var(--space-3);font-variant-numeric:tabular-nums}.shiftday__problem{color:var(--warning-ink)}.clock{text-align:center}.clock__state{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-md)}.clock__state--in{color:var(--success-ink)}.clock__state--break{color:var(--warning-ink)}.clock__state--out{color:var(--ink-soft)}.clock__total{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin:var(--space-3) 0 var(--space-1);font-variant-numeric:tabular-nums}.clock__sub{color:var(--ink-soft);font-size:var(--text-sm)}.clock__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-5)}