:root{--coral: #ff6b6b;--mint: #4ecdc4;--navy: #153f46;--ink: #233236;--cream: #fff7ec;--paper: #ffffff;--line: #dbe7e5;--muted: #71878c;--warning: #ffe66d;--danger: #d94848;color:var(--ink);background:var(--cream);font-family:Inter,Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-screen{align-items:center;background:linear-gradient(120deg,#fff7ec,#e8faf8);display:flex;min-height:100vh;justify-content:center;padding:24px}.login-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px #153f462e;max-width:460px;padding:34px;width:100%}.logo-mark{align-items:center;background:var(--coral);border-radius:8px;color:#fff;display:inline-flex;font-size:1.4rem;font-weight:950;height:46px;justify-content:center;width:46px}.login-panel h1,.topbar h1{color:var(--navy);letter-spacing:0;line-height:1;margin:0}.login-panel h1{font-size:3.2rem;margin-top:12px}.login-panel p{color:var(--muted)}.eyebrow{color:var(--coral);font-size:.78rem;font-weight:900;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}label{color:var(--navy);display:grid;font-size:.84rem;font-weight:900;gap:7px}input,select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;padding:10px 12px;width:100%}.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:#113940;color:#fff;display:flex;flex-direction:column;gap:18px;padding:18px}.brand-block{align-items:center;display:flex;gap:12px;padding-bottom:10px}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#ffffffa8;font-size:.82rem}.sidebar nav{display:grid;gap:6px}.sidebar button,.ghost,.soft,.primary,.danger,.file-button,.icon-action{align-items:center;border:0;border-radius:8px;display:inline-flex;font-weight:900;gap:8px;justify-content:center}.sidebar button{background:transparent;color:#ffffffc2;justify-content:flex-start;min-height:42px;padding:0 12px}.sidebar button:hover,.sidebar .nav-active{background:#ffffff1f;color:#fff}.logout{margin-top:auto}.workspace{min-width:0;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px;position:relative;z-index:3}.topbar h1{font-size:clamp(2rem,4vw,3.3rem)}.topbar-actions,.toolbar,.quick-actions,.row-actions,.modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.global-search{flex:1;max-width:720px;min-width:320px;position:relative}.global-search-input{align-items:center;background:#fff;border:2px solid color-mix(in srgb,var(--mint) 54%,var(--line));border-radius:8px;box-shadow:0 12px 34px #153f4614;display:flex;gap:8px;min-height:50px;padding:0 12px}.global-search-input svg{color:var(--navy);flex:0 0 auto}.global-search-input input{border:0;flex:1;min-width:0;padding-left:0}.clear-search{background:#edf8f6;border:1px solid var(--line);color:var(--navy);min-height:34px;padding:0 10px}.global-results{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px #153f462e;display:grid;gap:10px;left:0;padding:12px;position:absolute;right:0;top:calc(100% + 8px)}.global-results-heading{align-items:center;color:var(--navy);display:flex;justify-content:space-between;gap:12px}.global-results-heading span{color:var(--muted);font-size:.82rem;font-weight:800}.global-result-item{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto auto;padding:10px}.global-result-item div{display:grid;gap:3px;min-width:0}.global-result-item span{color:var(--muted);font-size:.82rem;font-weight:800}.primary{background:var(--coral);color:#fff;min-height:42px;padding:0 16px}.soft,.ghost,.file-button{background:var(--paper);border:1px solid var(--line);color:var(--navy);min-height:42px;padding:0 14px}.danger{background:#fff1f1;border:1px solid #ffd0d0;color:var(--danger);min-height:42px;padding:0 14px}.full{width:100%}.vertical{align-items:stretch;flex-direction:column}.view-stack{display:grid;gap:18px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.panel,.cart-panel,.mini-card,.catalog-card{background:var(--paper);border:1px solid var(--line);border-radius:8px}.metric-card{min-height:132px;padding:18px}.metric-card svg{color:var(--coral)}.metric-warning svg{color:#b88300}.metric-card strong,.metric-card span{display:block}.metric-card strong{color:var(--navy);font-size:1.65rem;margin:16px 0 2px}.metric-card span,.empty,.sync-note{color:var(--muted);font-weight:700}.panel,.cart-panel{padding:18px}.panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.panel h2,.cart-panel h2,.form-panel h2,.catalog-hero h2{color:var(--navy);letter-spacing:0;margin:0}.split-grid,.data-layout,.settings-grid,.pos-layout{display:grid;gap:18px}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-layout{grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start}.search-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex:1;gap:8px;min-width:250px;padding:0 12px}.search-box input{border:0;min-height:40px;padding-left:0}.product-picker{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.sell-card{background:#fbfefd;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:7px;min-height:260px;padding:10px;text-align:left}.sell-card:disabled{filter:grayscale(1);opacity:.56}.product-art{align-items:center;aspect-ratio:4 / 3;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,white),#fff7ec 72%),radial-gradient(circle at 74% 22%,rgba(255,255,255,.85),transparent 30%);border-radius:8px;color:var(--navy);display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;width:100%}.product-art:before,.product-art:after{border:2px solid rgba(21,63,70,.16);border-radius:50%;content:"";position:absolute}.product-art:before{height:120px;right:-34px;top:-28px;width:120px}.product-art:after{bottom:-42px;height:150px;left:-44px;width:150px}.product-art span{color:#153f46e6;font-size:clamp(2rem,5vw,3.5rem);font-weight:950;letter-spacing:0;line-height:1;z-index:1}.product-art small{color:#153f46b8;font-size:.72rem;font-weight:900;margin-top:8px;text-transform:uppercase;z-index:1}.sell-card span,.catalog-card span{color:var(--coral);font-size:.76rem;font-weight:900;text-transform:uppercase}.sell-card strong{color:var(--navy);font-size:1rem}.sell-card em,.mini-card em,.receipt em{color:var(--muted);font-style:normal;font-weight:800}.cart-panel{position:sticky;top:18px}.cart-lines{display:grid;gap:10px;margin:14px 0}.cart-line{align-items:center;background:#f7fbfa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.cart-line strong,.cart-line span{display:block}.stepper{align-items:center;display:flex;gap:8px}.stepper button,.icon-action{background:#eaf7f5;color:var(--navy);height:34px;padding:0;width:34px}.payment-options{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:12px 0}.sale-fields{display:grid;gap:10px;grid-template-columns:.8fr 1.2fr;margin:12px 0}.chip,.chip-active{border:1px solid var(--line);border-radius:8px;font-weight:900;min-height:40px}.chip{background:#fff;color:var(--navy)}.chip-active{background:var(--navy);color:#fff}.cart-total{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:10px;padding:16px 0}.cart-total strong{color:var(--coral);font-size:1.8rem}.product-detail{display:grid;gap:16px}.product-detail-head{align-items:center;display:grid;gap:16px;grid-template-columns:180px minmax(0,1fr)}.product-detail-head .product-art{max-width:180px}.product-detail h2{color:var(--navy);font-size:1.8rem;margin:0 0 6px}.product-detail-head span,.mini-history span{color:var(--muted);font-weight:800}.product-insights{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-insights span,.mini-history{background:#f7fbfa;border:1px solid var(--line);border-radius:8px;padding:10px}.product-insights strong{color:var(--navy)}.mini-history{display:grid;gap:6px}.variant-grid{border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:10px}.variant-row{align-items:center;background:#f7fbfa;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr auto;padding:10px}.card-history{border-top:1px solid var(--line);display:grid;gap:4px;margin-top:6px;padding-top:8px}.return-sale{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 0}.return-sale div{display:grid;gap:3px}.method-summary{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.method-summary span,.cash-ok,.cash-difference{background:#f7fbfa;border:1px solid var(--line);border-radius:8px;color:var(--navy);font-weight:900;margin:0;padding:10px}.cash-difference{background:#fff7df;color:#9a6b00}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.wide{grid-column:1 / -1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:820px;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}td strong,td span{display:block}td span{color:var(--muted);font-size:.82rem}.row-warning{background:#fff9dd}.status-ok,.status-muted{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:900;padding:4px 10px}.status-ok{background:#daf8ef;color:#08745d}.status-muted{background:#eef1f1;color:var(--muted)}.alert-row,.history-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr) auto;padding:12px 0}.alert-row svg{color:#b88300}.history-row svg{color:var(--mint)}.cards-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.label-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.label-card{background:#f7fbfa;border:1px dashed var(--line);border-radius:8px;display:grid;gap:6px;min-height:118px;padding:12px}.label-card svg{color:var(--coral)}.label-card strong,.label-card span{display:block}.label-card span{color:var(--muted);font-weight:900}.label-card em,.label-card small{color:var(--navy);font-style:normal;font-weight:900}.mini-card{display:grid;gap:8px;padding:16px}.mini-card svg{color:var(--coral)}.catalog-page{display:grid;gap:18px}.catalog-hero{align-items:center;background:linear-gradient(120deg,#fff7ecf5,#e8faf8eb),url(https://images.unsplash.com/photo-1548199973-03cce0bbc87b?auto=format&fit=crop&w=1600&q=80) center/cover;border-radius:8px;display:flex;gap:18px;justify-content:space-between;min-height:220px;padding:28px}.catalog-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-card{display:grid;gap:10px;padding:12px}.catalog-card h3{color:var(--navy);margin:0}.catalog-card a{align-items:center;background:var(--mint);border-radius:8px;color:var(--navy);display:flex;font-weight:900;justify-content:center;min-height:38px;text-decoration:none}.public-site{background:#fffaf1;min-height:100vh}.public-nav{align-items:center;background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:14px clamp(18px,5vw,72px);position:sticky;top:0;z-index:10}.public-brand,.public-nav nav,.public-actions,.public-steps,.public-search{align-items:center;display:flex}.public-brand{color:var(--navy);gap:10px;text-decoration:none}.public-nav nav{flex-wrap:wrap;gap:14px;justify-content:flex-end}.public-nav a{color:var(--navy);font-weight:900;text-decoration:none}.public-hero{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);min-height:min(720px,calc(100vh - 76px));padding:clamp(34px,7vw,86px) clamp(18px,5vw,72px) 42px}.public-hero h1{color:var(--navy);font-size:clamp(3.2rem,8vw,7rem);line-height:.92;margin:0}.public-hero-copy p:not(.eyebrow){color:#486166;font-size:1.12rem;font-weight:700;max-width:650px}.public-actions{flex-wrap:wrap;gap:12px;margin-top:24px}.public-actions a,.public-band a{min-height:44px;padding:0 16px;text-decoration:none}.public-hero-products{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.public-hero-products article{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #153f461f;display:grid;gap:8px;min-height:330px;padding:12px}.public-hero-products article:nth-child(2){transform:translateY(28px)}.public-hero-products span,.catalog-card span,.catalog-card small{color:var(--muted);font-weight:900}.public-hero-products strong{color:var(--navy);font-size:1.08rem}.public-hero-products em{color:var(--coral);font-style:normal;font-weight:950}.public-band,.public-catalog{margin:0 clamp(18px,5vw,72px)}.public-band{align-items:center;background:#123a41;border-radius:8px;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:24px}.public-band h2{font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.05;margin:0;max-width:720px}.public-steps{flex-wrap:wrap;gap:10px;justify-content:flex-end}.public-steps span{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-weight:900;padding:10px 12px}.public-catalog{display:grid;gap:18px;padding:52px 0 72px}.section-heading{align-items:end;display:flex;gap:18px;justify-content:space-between}.section-heading h2{color:var(--navy);font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:0}.public-search{background:#fff;border:1px solid var(--line);border-radius:8px;flex:1;gap:8px;max-width:520px;padding:0 12px}.public-search input{border:0}.public-metrics{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.public-product-grid .catalog-card{min-height:360px}.receipt{background:#f7fbfa;border-radius:8px;display:grid;gap:4px;margin-top:14px;padding:12px}.modal-backdrop{align-items:center;background:#07161994;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.scanner-modal{background:#fff;border-radius:8px;max-width:520px;padding:24px;width:100%}.scanner-modal svg{color:var(--coral)}.file-button{cursor:pointer}.file-button input{display:none}.toast-stack{display:grid;gap:8px;position:fixed;right:18px;top:18px;z-index:30}.toast{background:var(--navy);border-radius:8px;box-shadow:0 18px 50px #153f4638;color:#fff;font-weight:900;max-width:360px;padding:12px 14px}.toast.warning{background:#9a6b00}.toast.info{background:#225b63}.undo-bar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;bottom:18px;box-shadow:0 20px 70px #153f4638;display:flex;gap:10px;left:50%;max-width:min(680px,calc(100vw - 32px));padding:10px;position:fixed;transform:translate(-50%);width:100%;z-index:32}.undo-bar span{color:var(--navy);flex:1;font-weight:900}@media(max-width:1180px){.topbar{align-items:stretch;flex-wrap:wrap}.global-search{max-width:none;order:3;width:100%}.metric-grid,.catalog-grid,.public-hero-products,.public-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero{grid-template-columns:1fr}.public-hero-products article:nth-child(2){transform:none}.public-band,.section-heading{align-items:stretch;flex-direction:column}.pos-layout,.data-layout,.split-grid,.settings-grid,.product-insights,.variant-row,.method-summary{grid-template-columns:1fr}.cart-panel{position:static}}@media print{.sidebar,.topbar,.quick-actions,.toolbar,.toast-stack,.undo-bar{display:none!important}.app-shell{display:block}.workspace{padding:0}.panel{border:0}.label-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions,.global-search{min-width:0;width:100%}.global-result-item{align-items:stretch;grid-template-columns:1fr}.global-results{position:static}.product-picker,.cards-grid,.metric-grid,.metric-grid.compact,.catalog-grid,.public-hero-products,.public-metrics,.label-grid,.sale-fields,.form-grid{grid-template-columns:1fr}.public-nav{align-items:flex-start;flex-direction:column}.public-hero{min-height:auto}.public-hero h1{font-size:clamp(3rem,16vw,5.2rem)}.catalog-hero{align-items:flex-start;flex-direction:column}.product-detail-head{grid-template-columns:1fr}.undo-bar{align-items:stretch;flex-direction:column}}