:root{--bg:oklch(1 0 0);--surface:oklch(.975 .006 230);--ink:oklch(.23 .025 230);--muted:oklch(.46 .025 230);--primary:oklch(.46 .12 230);--tint:oklch(.94 .025 230);--line:oklch(.87 .015 230);--success:oklch(.39 .09 155);--danger:oklch(.45 .17 25);--overlay:oklch(.15 .02 230 / .45);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--surface);font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button{min-height:44px;border:0;border-radius:8px;background:transparent;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.025em}h2{font-size:21px;letter-spacing:-.02em}h3{font-size:16px}p{line-height:1.6;color:var(--muted);max-width:70ch}small{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-60px;left:20px;z-index:5;background:var(--bg);padding:12px}.skip:focus{top:12px}.app-shell{display:flex;min-height:100dvh}.sidebar{width:208px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:9px;font-size:26px;letter-spacing:-.04em;font-weight:750;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:white;background:var(--primary);border-radius:10px;font-size:31px;line-height:1}.brand-suffix{font-size:10px;letter-spacing:.02em;color:var(--muted);align-self:flex-end;margin-bottom:4px}nav{display:grid;gap:7px;margin-top:45px}nav button{display:flex;align-items:center;gap:13px;padding:0 14px;text-align:left;font-weight:600;color:var(--muted);height:48px}nav button[aria-current=page]{background:var(--tint);color:var(--primary)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.side-bottom{display:flex;gap:9px;align-items:center;margin-top:auto;font-size:12px}.side-bottom small{display:block;font-size:11px;margin-top:5px}.local-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block;flex-shrink:0}.main-shell{width:calc(100% - 208px);margin-left:208px}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:var(--bg);border-bottom:1px solid var(--line)}.topbar strong{font-size:14px}.terminal{display:block;font-size:11px;color:var(--muted);margin-top:5px}.saved-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--success)}main{padding:32px 36px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px;gap:20px}.page-heading p{margin-top:7px;font-size:13px}.date-label{color:var(--muted);font-size:12px;padding-top:10px}.sell-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.search{display:flex;gap:10px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:0 15px;height:48px}.search input{border:0;outline:none;background:transparent;min-width:0;width:100%;color:var(--ink)}input::placeholder{color:var(--muted)}.categories{display:flex;gap:6px;overflow:auto;padding:18px 0 22px}.chip{padding:0 16px;white-space:nowrap;border:1px solid var(--line);border-radius:24px;font-size:12px;min-height:44px;background:var(--bg)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.product{padding:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;position:relative;transition:transform .18s ease-out}.product:hover{transform:translateY(-2px);border-color:var(--primary)}.product-art{height:105px;display:flex;align-items:center;justify-content:center;background:var(--tint);color:var(--primary);font-size:30px;font-weight:650;letter-spacing:-.05em}.product:nth-child(3n+2) .product-art{background:oklch(.94 .025 80);color:oklch(.4 .065 80)}.product:nth-child(3n+3) .product-art{background:oklch(.94 .02 160);color:oklch(.4 .055 160)}.product-copy{padding:13px;display:block}.product-name{display:block;font-size:13px;font-weight:650;line-height:1.35}.product-price{display:block;margin-top:9px;font-weight:700;font-size:14px}.stock-label{display:block;font-size:10px;color:var(--muted);margin-top:5px}.add-sign{position:absolute;right:12px;top:12px;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:var(--bg);font-size:18px;font-weight:500}.cart-rail{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-self:start;position:sticky;top:20px;overflow:hidden}.cart-header{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.cart-header h2{font-size:18px}.cart-header small{display:block;margin-top:5px}.cart-items{padding:8px 22px;max-height:42vh;overflow:auto}.empty{padding:55px 20px;text-align:center}.empty .icon{width:36px;height:36px;margin-bottom:14px;color:var(--muted)}.empty h3{margin-bottom:6px}.empty p{font-size:12px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-line:last-child{border:0}.cart-line strong{font-size:13px;display:block}.cart-line small{display:block;margin-top:6px}.qty{display:flex;align-items:center;gap:6px}.qty button{min-height:32px;width:32px;background:var(--surface);font-size:18px}.qty span{min-width:16px;text-align:center;font-size:12px}.cart-footer{padding:22px;border-top:1px solid var(--line)}.total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.total-line strong{font-size:24px;font-variant-numeric:tabular-nums}.total-note{font-size:11px;margin-bottom:18px}.primary{background:var(--primary);color:var(--bg);padding:0 20px;min-height:48px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.primary:hover{filter:brightness(.92)}.full{width:100%}.secondary{border:1px solid var(--line);background:var(--bg);padding:0 16px;font-weight:600}.text-button{color:var(--primary);font-size:12px}.cart-dock{display:none}.stats{display:flex;gap:40px;padding:24px 0 30px;border-bottom:1px solid var(--line);margin-bottom:28px}.stat span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.stat strong{font-size:28px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.list{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row small{display:block;margin-top:5px}.list-row strong{font-size:14px}.list-row .amount{text-align:right}.stock-count{color:var(--success)}.stock-count.low{color:var(--danger)}.inventory-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 85px 80px;gap:18px;align-items:center}.inventory-row button{font-size:12px}.device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.section-panel{padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.section-panel h2{margin-bottom:10px}.section-panel p{font-size:13px;margin-bottom:20px}.section-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}input.field,select.field{display:block;width:100%;height:48px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:0 13px;color:var(--ink);margin-bottom:16px}.detail{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.detail span{color:var(--muted)}.detail strong{font-size:12px;overflow-wrap:anywhere}.device-grid .secondary{margin-right:7px;margin-bottom:7px}.capability{background:var(--tint);padding:16px;font-size:12px;line-height:1.65;border-radius:8px;margin-top:18px}.peer{padding:12px 0;border-top:1px solid var(--line);font-size:13px}.peer small{display:block;margin-top:5px}.scan-state{margin-top:16px;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:28px;width:min(480px,calc(100% - 32px));color:var(--ink);background:var(--bg);max-height:90dvh;overflow:auto}dialog::backdrop{background:var(--overlay)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.close{width:44px;font-size:24px;flex-shrink:0}.dialog-total{font-size:42px;font-weight:700;letter-spacing:-.035em;margin:8px 0 22px}.payment-methods{display:flex;gap:10px;margin:20px 0}.payment-methods button{flex:1;border:1px solid var(--line);font-size:13px}.payment-methods button[aria-pressed=true]{border:2px solid var(--primary);background:var(--tint);color:var(--primary)}.payment-note{font-size:12px;margin:16px 0 22px}.error{color:var(--danger);font-size:13px;line-height:1.5;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.receipt-success{display:flex;align-items:center;gap:9px;color:var(--success);font-size:13px;font-weight:650}.receipt-meta{margin:10px 0 24px;font-size:12px;line-height:1.7}.receipt-items .total-line{padding:12px 0;font-size:13px;border-bottom:1px solid var(--line)}.receipt-items strong{font-size:14px}.receipt-actions{display:flex;gap:10px;margin-top:24px}.receipt-actions button{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:4;color:var(--bg);background:var(--ink);padding:13px 20px;border-radius:8px;font-size:13px;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.visible{opacity:1;transform:translate(-50%,0)}.no-results{padding:40px 10px}.money{font-variant-numeric:tabular-nums}.demo-banner{font-size:12px;padding:14px 18px;background:var(--tint);border-radius:8px;margin-bottom:22px;line-height:1.6}.orders-empty{padding:64px 20px;text-align:center}.orders-empty p{margin:8px auto 20px}.empty-icon{display:block;font-size:35px;margin-bottom:16px}.loading-error{padding:40px;max-width:600px}.loading-error p{margin:20px 0}
@media(max-width:1150px){.sidebar{width:165px;padding:26px 14px}.main-shell{width:calc(100% - 165px);margin-left:165px}.topbar{padding:0 24px}main{padding:26px 24px}.sell-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.products{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.product-art{height:92px}}
@media(max-width:820px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:72px;padding:0 8px;z-index:2;border:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);height:calc(72px + env(safe-area-inset-bottom))}.sidebar .brand,.side-bottom{display:none}nav{display:flex;margin:0;gap:0;justify-content:space-around;height:100%}nav button{flex:1;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:9px 3px;height:100%;font-size:10px;border-radius:0}nav button[aria-current=page]{background:transparent}.main-shell{width:100%;margin:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:68px;padding:0 20px}.terminal{font-size:10px}.saved-status{font-size:10px;gap:5px}main{padding:25px 20px 100px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:27px}.date-label{display:none}.sell-layout{display:block}.cart-rail{display:none}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-art{height:91px;font-size:28px}.product-copy{padding:12px 10px}.product-name{font-size:12px;min-height:32px}.stock-label{font-size:10px}.cart-dock{display:flex;position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:20px;right:20px;justify-content:space-between;align-items:center;z-index:1;padding:0 18px;min-height:54px;border-radius:10px;font-size:14px}.cart-dock strong{font-variant-numeric:tabular-nums}.cart-header{padding:0 0 17px}.cart-items{padding:0;max-height:45dvh}.cart-footer{padding:20px 0 0}.cart-line strong{font-size:14px}.qty button{width:44px;min-height:44px}.device-grid{display:block}.section-panel{padding:22px;margin-bottom:18px}.inventory-row{grid-template-columns:minmax(0,1fr) 65px 70px;gap:10px;padding:15px}.inventory-row .inventory-price{display:none}.stats{gap:28px;flex-wrap:wrap}.stat strong{font-size:25px}.list-row{padding:18px 15px}.receipt-actions{flex-direction:column}#cart-dialog{width:100%;max-width:520px;max-height:94dvh;border-radius:16px 16px 0 0;margin:auto auto 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-status{max-width:90px;line-height:1.5}.stats{gap:20px}.stat strong{font-size:22px}main{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

:root .sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.sync-actions .secondary{margin:0}.peer button{margin-top:12px}#join-code{resize:vertical;min-height:100px;overflow-wrap:anywhere}#join-form .secondary{margin-top:12px}
.device-discovery{margin-top:24px}.device-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-discovery-heading .secondary{margin:0}.device-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 14px}.device-filters .chip{font-size:12px;padding:0 12px}.device-filter-note{font-size:12px;line-height:1.6;margin:10px 0;color:var(--muted)}.device-empty{font-size:13px;padding:18px 0}.peer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 13px;min-width:0;min-height:194px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:border-color .18s,background-color .18s;color:var(--ink)}.device-card>*{position:relative;z-index:1}.device-card:hover:not(:disabled){border-color:var(--primary);background:var(--tint)}.device-glyph{display:grid;place-items:center;width:36px;height:36px;margin-bottom:5px;color:var(--primary)}.device-glyph svg{width:30px;height:30px}.device-name{font-size:14px;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.device-type{font-size:12px;line-height:1.5;color:var(--muted)}.device-state{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;line-height:1.5;margin-top:8px}.device-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--muted)}.device-hint{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted)}.device-address{font-size:10px;color:var(--muted);margin-top:auto;padding-top:9px;overflow-wrap:anywhere}.device-card.is-connected{background:oklch(.96 .025 155);border-color:oklch(.65 .075 155)}.device-card.is-connected .device-glyph,.device-card.is-connected .device-state{color:var(--success)}.device-card.is-connected .device-dot{background:var(--success)}.device-card.is-connected:hover:not(:disabled){background:oklch(.93 .04 155);border-color:var(--success)}.device-card.is-connecting,.device-card.is-pairing{border-color:var(--primary);background:var(--tint)}.device-card.is-connecting .device-state,.device-card.is-pairing .device-state{color:var(--primary)}.device-card.is-connecting .device-dot,.device-card.is-pairing .device-dot{background:var(--primary)}.device-card.is-connecting::before,.device-card.is-pairing::before{content:'';position:absolute;inset:0 auto 0 0;width:35%;background:oklch(.75 .08 230 / .28);pointer-events:none;animation:device-connect-pulse 1.35s ease-in-out infinite}.device-card.is-retrying .device-state{color:oklch(.4 .08 75)}.device-card.is-retrying .device-dot{background:oklch(.4 .08 75)}.device-card.is-error .device-state{color:var(--danger)}.device-card.is-error .device-dot{background:var(--danger)}.device-card:disabled{opacity:1;cursor:default;background:var(--surface)}.device-card.is-unsupported .device-glyph{color:var(--muted)}
@keyframes device-connect-pulse{0%{transform:translateX(-110%);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(390%);opacity:0}}
@media(max-width:380px){.peer-grid{gap:8px}.device-card{padding:13px 10px}.device-name{font-size:13px}.device-filters .chip{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.device-card.is-connecting::before,.device-card.is-pairing::before{animation:none;transform:none;opacity:.4;width:100%}}

@media(max-width:820px){.device-grid{display:flex;flex-direction:column}.device-grid .section-panel{width:100%}}

.connection-options{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}.connection-options summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px;font-weight:650}.connection-options summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}