:root{--color-ink: #27374d;--color-slate: #526d82;--color-mist: #9db2bf;--color-cloud: #dde6ed;--color-success: #2e7d4f;--color-error: #b3261e;--color-warning: #a15c00;--color-accent: #0868f3;--color-sale: var(--color-error);--color-surface: #ffffff;--color-text-muted: #445a70;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--radius-md: 8px;--shadow-card: 0 1px 2px rgba(39, 55, 77, .08), 0 2px 8px rgba(39, 55, 77, .06);--shadow-card-hover: 0 2px 4px rgba(39, 55, 77, .1), 0 8px 20px rgba(39, 55, 77, .1);--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--color-cloud);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);color:var(--color-ink);margin:0 0 var(--space-3) 0}h1{font-size:28px;line-height:1.25}h2{font-size:22px;line-height:1.3}h3{font-size:18px;line-height:1.35}a{color:var(--color-ink)}.rail-viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none}.rail-viewport,.rail-viewport *{cursor:grab}.rail-viewport:active,.rail-viewport:active *{cursor:grabbing}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;cursor:pointer;padding:0}.site-header{background:var(--color-ink);color:var(--color-cloud);padding:var(--space-3) var(--space-5);display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left search nav";gap:var(--space-4);align-items:center}.site-header-left{grid-area:left;display:flex;gap:var(--space-4);align-items:center;min-width:0}.site-header-search{grid-area:search;width:420px;max-width:100%}.site-header-nav{grid-area:nav;display:flex;gap:var(--space-4);align-items:center;justify-self:end;min-width:0}.site-header-mobile-toggle{display:none}.site-header-textlinks{display:flex;gap:var(--space-4);align-items:center}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:var(--space-5)}.product-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(240px,300px);justify-content:space-between;align-items:start;gap:var(--space-4)}.cart-line{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.cart-line-thumb{flex:0 0 64px}.cart-line-name{flex:1 1 160px;min-width:0}@media(max-width:768px){.site-main{padding:var(--space-3)}.product-layout{grid-template-columns:1fr}.site-header{grid-template-columns:auto 1fr auto;grid-template-areas:"left . nav" "search search search";row-gap:var(--space-2);padding:var(--space-2) var(--space-3)}.site-header-search{width:100%}.site-header-textlinks{display:none}.site-header-mobile-toggle{display:inline-flex}.site-header-username,.site-header-cart-label{display:none}.site-header-left,.site-header-nav{gap:var(--space-2)}}@media(max-width:480px){.site-header-balance{display:none}}.qty-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skeleton{border-radius:var(--radius-md);background:var(--color-cloud);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.modal-backdrop{animation:modal-fade .15s ease-out}.modal-panel{animation:modal-rise .15s ease-out}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-panel{animation:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:not(:disabled):hover{filter:brightness(1.15)}.btn-secondary:not(:disabled):hover{filter:none;box-shadow:inset 0 0 0 100vmax #27374d0f}.btn:not(:disabled):active{transform:translateY(1px)}.card-link{display:block;border-radius:var(--radius-md);transition:transform .15s ease,box-shadow .15s ease}.card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}@media(prefers-reduced-motion:reduce){.card-link,.card-link:hover,.btn:not(:disabled):active{transform:none}}.admin-two-col{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-4);align-items:start}@media(max-width:900px){.admin-two-col{grid-template-columns:minmax(0,1fr)}}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-5);align-items:start}.admin-sidebar{position:sticky;top:var(--space-4)}.admin-sidebar-title{margin:0 0 var(--space-3);font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-ink)}.admin-nav-toggle{display:none}.admin-nav{display:grid;gap:var(--space-3)}.admin-nav-group{display:grid;gap:2px}.admin-nav-group-title{margin:0 0 var(--space-1);padding:0 var(--space-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-slate)}.admin-nav-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--color-ink);text-decoration:none;transition:background-color .12s ease}.admin-nav-link:hover{background:#27374d0f}.admin-nav-link.is-active{background:var(--color-ink);color:var(--color-cloud)}.admin-nav-badge{min-width:20px;padding:0 6px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}@media(max-width:900px){.admin-shell{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.admin-sidebar{position:static}.admin-sidebar-title{display:none}.admin-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-mist);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-ink);cursor:pointer}.admin-nav{display:none;margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-mist);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.admin-nav.is-open{display:grid}}.table-scroll{max-width:100%;overflow-x:auto}.admin-content [style*="display: grid"]:not([style*=grid-template-columns]){grid-template-columns:minmax(0,1fr)}.log-row{display:grid;grid-template-columns:64px 10px minmax(0,1fr) auto;gap:var(--space-2);align-items:start;width:100%;padding:var(--space-2);border:none;border-top:1px solid var(--color-cloud);border-radius:var(--radius-md);background:none;font-family:var(--font-body);font-size:14px;color:var(--color-ink);text-align:left;cursor:pointer}.log-row:hover,.log-request-row:hover{background:#27374d0a}.log-request-row{cursor:pointer}.log-row-category{padding:2px 8px;border-radius:999px;background:var(--color-cloud);color:var(--color-slate);font-size:12px;white-space:nowrap}.log-row-fresh{animation:log-fresh 2.4s ease-out}@keyframes log-fresh{0%{background:#0868f31f}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--color-mist)}.live-dot.is-live{background:var(--color-success);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.35}}@media(max-width:600px){.log-row{grid-template-columns:56px 10px minmax(0,1fr)}.log-row-category{display:none}}@media(prefers-reduced-motion:reduce){.log-row-fresh,.live-dot.is-live{animation:none}}.ticket-inbox{display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-4);align-items:start}.ticket-inbox-list{display:grid;gap:var(--space-2);min-width:0}.ticket-inbox-pane{display:grid;gap:var(--space-3);min-width:0}.ticket-inbox-back{display:none;color:var(--color-slate);font-size:14px}.ticket-detail{display:grid;gap:var(--space-3);align-items:start}.ticket-detail-context{order:-1}@media(min-width:1200px){.ticket-detail.has-context{grid-template-columns:minmax(0,1fr) 280px}.ticket-detail-context{order:0}}@media(max-width:899px){.ticket-inbox{grid-template-columns:minmax(0,1fr)}.ticket-inbox[data-has-selection=true] .ticket-inbox-list,.ticket-inbox[data-has-selection=false] .ticket-inbox-pane{display:none}.ticket-inbox-back{display:inline}}