:root{--surface:#f9f9f9;--surface-low:#f3f3f3;--surface-mid:#eee;--surface-high:#e2e2e2;--ink:#1b1b1b;--muted:#434933;--lime:#c0fe06;--blue:#3d1bff;--pink:#b90062;--pink-soft:#ffdad6;--lavender:#e3dfff;color:var(--ink);background:var(--surface);font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(to right, #1b1b1b0e 1px, transparent 1px), linear-gradient(to bottom, #1b1b1b0e 1px, transparent 1px), var(--surface);background-size:64px 64px;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.side-nav{background:var(--surface);border-right:2px solid var(--ink);z-index:5;flex-direction:column;gap:16px;height:100vh;padding:16px;display:flex;position:sticky;top:0}.brand-block,.brand-lockup,.tenant-card,.profile-block,.location-pill,.sync-pill,.search-box,.customer-strip,.warning-band,.draft-summary{align-items:center;gap:12px;display:flex}.brand-mark{border:2px solid var(--ink);background:var(--lime);place-items:center;width:48px;height:48px;font-weight:700;display:grid}.brand-mark.large{width:72px;height:72px;font-size:22px}.brand-title,.login-hero h1{text-transform:uppercase;letter-spacing:0;font-size:34px;font-weight:700;line-height:1}.brand-subtitle,.tenant-card span,.profile-block span,.metric span,.page-title span,.panel-header span,.fine-print,.product-tile small,.list-row span,.activity-row span,.workflow-card span,.empty-state span,.stock-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.tenant-card,.profile-block{border:2px solid var(--ink);background:var(--surface-low);padding:12px}.tenant-card div,.profile-block div,.list-row div,.stock-row div{flex-direction:column;min-width:0;display:flex}.nav-list{flex:1;align-content:start;gap:6px;display:grid}.nav-item,.bottom-item{color:var(--muted);text-align:left;background:0 0;border:2px solid #0000;align-items:center;gap:12px;padding:12px;font-weight:700;display:flex}.nav-item:hover,.nav-item.active,.bottom-item.active{color:var(--ink);border-color:var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.avatar{border:2px solid var(--ink);background:#fff;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.workspace{flex-direction:column;min-width:0;display:flex}.top-bar{border-bottom:2px solid var(--ink);z-index:4;background:#f9f9f9f5;align-items:center;gap:12px;height:66px;padding:10px 24px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.search-box{border:2px solid var(--ink);background:#fff;flex:1;min-width:220px;max-width:460px;height:42px;padding:0 12px}.search-box input,.pos-search input,.field input,.field select,.login-panel input,.top-bar select{background:0 0;border:0;outline:0;width:100%}.top-bar select,.field select{border:2px solid var(--ink);background:#fff;width:auto;height:42px;padding:0 10px}.sync-pill,.location-pill,.role-pill{border:2px solid var(--ink);background:#fff;padding:8px 10px;font-weight:700}.role-pill{align-items:center;gap:6px;display:flex}.sync-pill.online{background:var(--lime)}.sync-pill.offline{background:var(--pink-soft)}.sync-pill strong{background:var(--ink);color:#fff;place-items:center;min-width:22px;height:22px;display:grid}.icon-button{border:2px solid var(--ink);background:#fff;place-items:center;width:42px;height:42px;display:grid;position:relative}.badge-button span{border:2px solid var(--ink);background:var(--pink-soft);place-items:center;min-width:22px;height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-9px;right:-9px}.content{padding:24px}.page-grid{gap:24px;display:grid}.page-title{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;justify-content:space-between;align-items:end;gap:16px;padding:24px;display:flex}.page-title h1{text-transform:uppercase;letter-spacing:0;margin:4px 0 0;font-size:clamp(30px,4vw,54px);line-height:.98}.metric-row,.layout-3,.recipe-grid,.recommendation-grid,.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.layout-2{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px;display:grid}.layout-3,.recipe-grid,.recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.workflow-card,.recommendation-card,.recipe-card,.login-panel,.login-hero{border:2px solid var(--ink);background:#fff}.metric{flex-direction:column;justify-content:space-between;min-height:128px;padding:18px;display:flex}.metric strong{font-size:34px;line-height:1}.metric p{margin:0;font-weight:700}.metric-lime{background:var(--lime)}.metric-blue{background:var(--lavender)}.metric-pink{background:var(--pink-soft)}.panel-header{border-bottom:2px solid var(--ink);background:var(--surface-low);justify-content:space-between;min-height:48px;padding:12px 14px}.panel-body{gap:12px;padding:16px;display:grid}.attention-row,.buy-mini,.list-row,.stock-row,.cart-line,.material-row,.checklist-row,.table-row,.table-head,.activity-row{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding:10px 0;display:grid}.attention-row{grid-template-columns:72px 1fr 20px}.attention-row p,.recommendation-card p,.activity-row p{color:var(--muted);margin:4px 0 0}.status{border:2px solid var(--ink);background:var(--lime);text-align:center;text-transform:uppercase;padding:5px 8px;font-size:12px;font-weight:700}.status.hot{background:var(--pink-soft);color:#93000a}.buy-mini{grid-template-columns:1fr auto}.buy-mini div{flex-direction:column;display:flex}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:240px;display:grid}.bar-chart div{border:2px solid var(--ink);background:var(--blue);min-height:28px;position:relative}.bar-chart div:nth-child(2n){background:var(--lime)}.list-row,.stock-row{grid-template-columns:auto 1fr auto}.activity-row{grid-template-columns:72px 96px 1fr}.product-glyph{border:2px solid var(--ink);width:54px;height:54px;color:var(--ink);flex:0 0 54px;place-items:center;display:grid;overflow:hidden}.product-glyph img{object-fit:cover;width:100%;height:100%}.login-shell{grid-template-columns:minmax(0,1fr) 430px;gap:24px;min-height:100vh;padding:32px;display:grid}.login-hero{min-height:calc(100vh - 64px);box-shadow:7px 7px 0 var(--ink);flex-direction:column;justify-content:space-between;padding:32px;display:flex}.login-hero p{text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-weight:700}.login-hero h1{margin:0;font-size:clamp(48px,8vw,104px)}.login-hero-copy{max-width:680px;font-size:24px;font-weight:800;line-height:1.35}.login-panel{box-shadow:7px 7px 0 var(--ink);align-self:center;padding:0}.login-panel h2{text-transform:uppercase;margin:20px 20px 8px;font-size:28px}.field,.role-row,.check-row,.login-panel .primary-action,.login-panel .secondary-action,.error-banner,.fine-print{margin:14px 20px}.field label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea,.login-panel input{border:2px solid var(--ink);background:#fff;padding:0 10px}.field input,.field select,.login-panel input{height:44px}.field textarea,.reply-box textarea{resize:vertical;width:100%;min-height:94px;padding:10px}.quick-panel-backdrop{z-index:60;background:#10171f59;justify-content:flex-end;display:flex;position:fixed;inset:0}.quick-panel{border-left:2px solid var(--ink);width:min(760px,100vw);height:100vh;box-shadow:-7px 0 0 var(--ink);background:#fff;flex-direction:column;display:flex}.quick-panel-header{border-bottom:2px solid var(--ink);background:var(--surface-low);justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex}.quick-panel-header h2{text-transform:uppercase;margin:0;font-size:24px}.quick-panel-body{gap:12px;padding:16px;display:grid;overflow:auto}.notification-row{border:2px solid var(--ink);background:#fff;grid-template-columns:82px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.notification-row.read{background:var(--surface-low);color:var(--muted)}.notification-row p{margin:4px 0}.notification-row small{color:var(--muted);font-weight:700}.ticket-center{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);align-items:start}.ticket-composer,.ticket-workspace,.ticket-thread,.admin-ticket-desk{border:2px solid var(--ink);background:#fff}.ticket-composer{padding-bottom:14px}.ticket-composer .primary-action{margin-left:20px}.ticket-workspace,.admin-ticket-desk{grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);min-height:560px;display:grid}.ticket-list{border-right:2px solid var(--ink);background:var(--surface-low);overflow:auto}.ticket-list-item{border:0;border-bottom:2px solid var(--ink);text-align:left;background:0 0;gap:4px;width:100%;padding:12px;display:grid}.ticket-list-item.active{background:var(--lime)}.ticket-list-item span,.ticket-thread-header span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.admin-thread{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.admin-thread>.rec-actions{border-bottom:2px solid var(--ink);background:var(--surface-low);padding:10px}.ticket-thread{border:0;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.ticket-thread-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ticket-thread-header div{gap:4px;display:grid}.message-stack{background:#f8faf7;align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.message-bubble{border:2px solid var(--ink);background:#fff;justify-self:start;max-width:86%;padding:10px}.message-bubble.support{background:var(--lavender);justify-self:end}.message-bubble p{margin:6px 0}.message-bubble small{color:var(--muted);font-weight:700}.reply-box{border-top:2px solid var(--ink);background:var(--surface-low);gap:10px;padding:12px;display:grid}.reply-box textarea{border:2px solid var(--ink);background:#fff}.check-row{align-items:center;gap:10px;font-weight:700;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--blue)}.role-row,.category-strip,.payment-tabs,.rec-actions,.cart-actions{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);text-transform:uppercase;background:#fff;padding:8px 12px;font-size:12px;font-weight:700}.chip.active{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.primary-action,.secondary-action,.pay-button{border:2px solid var(--ink);text-transform:uppercase;background:var(--lime);min-height:46px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action:active,.secondary-action:active,.pay-button:active{box-shadow:none;transform:translate(3px,3px)}.primary-action.compact,.secondary-action.compact{min-height:38px;font-size:13px}.secondary-action{background:#fff}.accepted{background:var(--lavender)}.error-banner{border:2px solid var(--ink);background:var(--pink-soft);padding:10px;font-weight:700}.success-banner{border:2px solid var(--ink);background:var(--lime);padding:10px;font-weight:700}.search-summary{border:2px solid var(--ink);background:var(--surface-low);padding:12px 14px;font-weight:800}.inline-input{border:2px solid var(--ink);background:#fff;max-width:160px;height:38px;padding:0 10px}.pos-layout{border:2px solid var(--ink);background:#fff;grid-template-columns:minmax(0,1fr) 390px;height:calc(100vh - 114px);display:grid}.pos-fullscreen{z-index:20;border:0;grid-template-columns:minmax(0,1fr) minmax(380px,27vw);height:100vh;position:fixed;inset:0}.pos-fullscreen .product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pos-fullscreen .product-tile{min-height:206px}.pos-fullscreen .pay-button{min-height:78px;font-size:28px}.pos-products{border-right:2px solid var(--ink);flex-direction:column;min-width:0;display:flex}.pos-search{border-bottom:2px solid var(--ink);background:var(--surface-low);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.pos-search input{border:2px solid var(--ink);background:#fff;height:44px;padding:0 12px}.pos-search span{border:2px solid var(--ink);background:var(--lime);text-transform:uppercase;padding:10px;font-size:12px;font-weight:700}.category-strip{border-bottom:2px solid var(--ink);padding:12px;overflow-x:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px;display:grid;overflow:auto}.product-tile{border:2px solid var(--ink);text-align:left;background:#fff;justify-items:start;gap:8px;min-height:180px;padding:12px;display:grid}.product-tile:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.product-tile strong{font-size:18px}.product-tile span{font-size:22px;font-weight:700}.cart-panel{background:var(--surface-low);flex-direction:column;min-width:0;display:flex}.customer-strip{border:2px solid var(--ink);background:#fff;margin:12px;padding:10px;font-weight:700}.customer-strip select{font:inherit;background:0 0;border:0;width:100%;font-weight:700}.held-sales{flex-wrap:wrap;gap:8px;padding:0 12px 12px;display:flex}.cart-lines{flex:1;padding:0 12px;overflow:auto}.cart-line{grid-template-columns:1fr auto}.cart-line div:first-child{flex-direction:column;display:flex}.stepper{text-align:center;border:2px solid var(--ink);grid-template-columns:32px 32px 32px;align-items:center;display:grid}.stepper button{background:#fff;border:0;place-items:center;height:32px;display:grid}.stepper b{border-left:2px solid var(--ink);border-right:2px solid var(--ink);background:var(--lime);line-height:32px}.payment-tabs,.totals,.cart-actions{padding:12px}.totals{border-top:2px solid var(--ink);gap:6px;display:grid}.totals div{justify-content:space-between;display:flex}.grand-total{font-size:28px;font-weight:700}.pay-button{min-height:64px;margin:12px;font-size:22px}.table{overflow:auto}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;min-width:880px}.table-head.product-table,.table-row.product-table{grid-template-columns:2fr 1fr 1fr 1fr .8fr .8fr 2.2fr;min-width:1120px}.table-head{text-transform:uppercase;background:var(--surface-low);border:2px solid var(--ink);padding:10px;font-weight:700}.table-row{padding:12px 10px}.table-row span:first-child{align-items:center;gap:10px;display:flex}.row-actions,.product-editor-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-status{border:2px solid var(--ink);background:var(--surface-low);text-transform:uppercase;padding:8px 10px;font-size:12px;font-weight:700}.row-actions .chip{align-items:center;gap:4px;display:inline-flex}.product-photo-preview{border:2px solid var(--ink);background:#fff;width:74px;height:74px;overflow:hidden}.product-photo-preview img{object-fit:cover;width:100%;height:100%}.table-row.movement{grid-template-columns:100px 1.4fr 1fr 80px 2fr;min-width:700px}.recommendation-card,.recipe-card,.workflow-card{gap:12px;padding:16px;display:grid}.recommendation-card h3,.recipe-card h3,.workflow-card h3{text-transform:uppercase;margin:0;font-size:22px}.rec-top,.rec-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.rec-meta{border-top:2px solid var(--ink);padding-top:10px}.warning-band{border:2px solid var(--ink);background:var(--pink-soft);padding:16px}.warning-band svg{color:#93000a}.warning-band div{flex-direction:column;display:flex}.material-row{grid-template-columns:1fr auto}.danger{color:#93000a}.workflow-icon{border:2px solid var(--ink);background:var(--lime);place-items:center;width:46px;height:46px;display:grid}.report-builder{grid-template-columns:repeat(3,1fr);display:grid}.checklist-row{grid-template-columns:28px 1fr}.checklist-row span{border:2px solid var(--ink);background:#fff;place-items:center;width:24px;height:24px;display:grid}.checklist-row span.checked{background:var(--lime)}.empty-state{border:2px dashed var(--ink);text-align:center;align-content:center;place-items:center;gap:8px;min-height:180px;padding:16px;display:grid}.screen-map{flex-wrap:wrap;gap:8px;display:flex}.screen-map span{border:2px solid var(--ink);text-transform:uppercase;background:#fff;padding:8px 10px;font-size:12px;font-weight:700}.bottom-nav{display:none}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.side-nav{display:none}.bottom-nav{border-top:2px solid var(--ink);z-index:8;background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item{flex-direction:column;justify-content:center;gap:3px;padding:8px 4px;font-size:11px}.content{padding-bottom:88px}.layout-2,.layout-3,.metric-row,.recipe-grid,.recommendation-grid,.hero-grid{grid-template-columns:1fr 1fr}.ticket-center,.ticket-workspace,.admin-ticket-desk{grid-template-columns:1fr}.ticket-list{border-right:0;border-bottom:2px solid var(--ink);max-height:220px}.pos-layout{grid-template-columns:1fr;height:auto}.pos-products{border-right:0;border-bottom:2px solid var(--ink)}.cart-panel{min-height:560px}}@media (width<=720px){.top-bar{flex-wrap:wrap;height:auto;padding:10px}.location-pill,.top-bar select{display:none}.content,.login-shell{padding:12px}.login-shell{grid-template-columns:1fr}.login-hero{gap:36px;min-height:auto}.layout-2,.layout-3,.metric-row,.recipe-grid,.recommendation-grid,.hero-grid,.report-builder,.notification-row{grid-template-columns:1fr}.quick-panel{box-shadow:none;border-left:0}.page-title{flex-direction:column;align-items:stretch}.pos-search{grid-template-columns:auto 1fr}.pos-search span{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.product-tile{min-height:154px}}