:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-background, #f8f3ea);color:var(--color-text, #27352d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-background: #f8f3ea;--color-surface: #ffffff;--color-surfaceMuted: #eef1ea;--color-text: #27352d;--color-muted: #667064;--color-primary: #2f6f5e;--color-accent: #d9a441;--color-danger: #b94b55;--color-ok: #2f7d52;--radius: 10px;--shadow: 0 18px 42px rgba(39, 53, 45, .12)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-background);color:var(--color-text)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.8rem clamp(1rem,3vw,2rem);border-bottom:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:inline-flex;gap:.7rem;align-items:center;font-weight:900}.brand img{width:2.4rem;height:2.4rem}nav{display:flex;gap:.35rem;overflow-x:auto}nav a,.sync,.badge{border-radius:999px;padding:.48rem .72rem;background:var(--color-surfaceMuted);color:var(--color-text);font-size:.85rem;font-weight:800;white-space:nowrap}.sync-backend{color:var(--color-ok)}.sync-local,.notice-warn{color:var(--color-danger)}.visual-pulse{animation:visual-pulse .7s ease-out}.main{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 3rem}.hero{min-height:calc(100vh - 5rem);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);gap:2rem;align-items:center}.language-screen{min-height:calc(100vh - 7rem);display:grid;align-content:center;gap:1.2rem}.language-screen h1{margin:.25rem 0;font-size:clamp(2rem,5vw,4rem);line-height:1}.language-screen p{max-width:38rem;color:var(--color-muted);font-size:1.05rem;line-height:1.6}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem}.language-button{min-height:5.5rem;display:grid;gap:.18rem;align-content:center;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:.8rem;text-align:left}.language-button.active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.language-button span{color:var(--color-primary);font-weight:950}.language-button small{color:var(--color-muted)}.ticket-card{overflow:hidden}.ticket-preview{max-height:18rem;overflow:auto;border-radius:var(--radius);background:color-mix(in srgb,var(--color-surfaceMuted) 70%,var(--color-surface));color:var(--color-text);font-size:.82rem;line-height:1.55;padding:.85rem;white-space:pre-wrap}.hero h1{margin:.5rem 0;font-size:clamp(2.5rem,7vw,5.5rem);line-height:1}.hero p{max-width:42rem;color:var(--color-muted);font-size:1.1rem;line-height:1.7}.hero-card,.panel{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 94%,transparent);box-shadow:var(--shadow);padding:clamp(1rem,2.5vw,1.4rem)}.eyebrow{color:var(--color-primary);font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.grid{display:grid;gap:1rem}.two-columns{grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:start}.panel-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel h2,.panel h3{margin:0}.panel p,.muted,.empty,.panel-head p{color:var(--color-muted)}.cards{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.cards.compact{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.product-card,.order-card,.mini-card{display:grid;gap:.75rem;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius);background:var(--color-surface);padding:1rem}.product-card{align-content:start;overflow:hidden;padding:0}.product-card.featured{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 12%,transparent)}.product-image{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-surfaceMuted)}.product-title{padding:1rem 1rem 0}.product-title strong{min-width:0;overflow-wrap:anywhere}.product-title span{white-space:nowrap}.product-card details,.product-card .tags{margin-left:1rem;margin-right:1rem}.product-card .button{margin:0 1rem 1rem}.product-title,.order-head,.line,.metric{display:flex;gap:1rem;align-items:center;justify-content:space-between}.line{border-top:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);padding:.7rem 0}.line div,.order-head div{display:grid;min-width:0;gap:.15rem}.line span,.order-head span,.metric span,.log-line span,.product-card p{color:var(--color-muted);font-size:.9rem}.toolbar,.actions,.tabs,.tags,.metrics{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0}.actions.vertical{display:grid}.button,.tabs button,.stepper button{min-height:2.6rem;border:0;border-radius:var(--radius);padding:.65rem .9rem;cursor:pointer;font-weight:900}.button-solid,.tabs button.active{background:var(--color-primary);color:#fff}.button-ghost,.tabs button,.stepper button{background:var(--color-surfaceMuted);color:var(--color-text)}.button-danger{background:var(--color-danger);color:#fff}.field{display:grid;gap:.35rem;margin:.7rem 0;color:var(--color-muted);font-size:.9rem;font-weight:800}.field input,.field select{width:100%;min-height:2.7rem;border:1px solid color-mix(in srgb,var(--color-text) 14%,transparent);border-radius:var(--radius);padding:.55rem .7rem;background:var(--color-surface);color:var(--color-text)}.stepper{display:inline-grid;grid-template-columns:2.2rem 2rem 2.2rem;align-items:center;text-align:center}.tags span,.notice{border-radius:999px;padding:.35rem .65rem;background:var(--color-surfaceMuted);color:var(--color-muted);font-size:.8rem;font-weight:800}.notice{width:min(1200px,calc(100% - 2rem));margin:.8rem auto;border-radius:var(--radius)}.success{border-radius:var(--radius);background:color-mix(in srgb,var(--color-ok) 14%,var(--color-surface));color:var(--color-ok);padding:.75rem .85rem;font-weight:900}.checkbox{display:flex;gap:.6rem;align-items:flex-start;color:var(--color-text);font-weight:800;line-height:1.45}.checkbox input{width:1.1rem;height:1.1rem;margin-top:.18rem;accent-color:var(--color-primary)}.metric{border-radius:var(--radius);background:var(--color-surfaceMuted);padding:.75rem .85rem}.metric-strong strong{color:var(--color-primary);font-size:1.3rem}.bottom-bar{position:sticky;bottom:.8rem;z-index:5;display:flex;gap:.8rem;align-items:center;justify-content:space-between;margin-top:1rem;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:var(--shadow);padding:.75rem}.bottom-bar span,.summary>.metric:last-child strong{color:var(--color-primary);font-size:1.25rem;font-weight:950}.summary,.list,.license-box{display:grid;gap:.8rem}.license-box{border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius);background:var(--color-surfaceMuted);padding:1rem}.alert-line{display:grid;gap:.18rem;border-left:.35rem solid var(--color-accent);border-radius:var(--radius);background:var(--color-surfaceMuted);padding:.7rem .8rem}.alert-line span{color:var(--color-muted);font-size:.9rem}.alert-high,.alert-urgent{border-left-color:var(--color-danger)}.alert-low{border-left-color:var(--color-ok)}.qr-card{align-content:start}.qr-svg{display:grid;place-items:center;border-radius:var(--radius);background:#fff;padding:.8rem}.qr-svg svg{width:min(100%,12rem);height:auto}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.55rem}.log-line{border-bottom:1px solid color-mix(in srgb,var(--color-text) 9%,transparent);padding:.75rem 0}.divider{height:1px;margin:1rem 0;background:color-mix(in srgb,var(--color-text) 10%,transparent)}.footer{display:flex;gap:1rem;justify-content:center;padding:2rem 1rem;color:var(--color-muted)}code{overflow-wrap:anywhere;color:var(--color-primary)}@media(max-width:820px){.topbar,.hero,.two-columns{grid-template-columns:1fr}}@keyframes visual-pulse{0%{box-shadow:inset 0 0 color-mix(in srgb,var(--color-accent) 0%,transparent)}28%{box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--color-accent) 12%,transparent)}to{box-shadow:inset 0 0 color-mix(in srgb,var(--color-accent) 0%,transparent)}}