:root{--bg:#03130f;--bg2:#061d17;--card:#071f18;--card2:#08251d;--line:#21483c;--line2:#2f6b57;--text:#f4f8f6;--muted:#9db2ab;--mint:#43dfa1;--mint2:#2fcf91;--danger:#ff6b6b;--shadow:0 18px 50px rgba(0,0,0,.24)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(42,120,89,.24),transparent 30%),linear-gradient(180deg,#02100d 0%,#03130f 52%,#041711 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.smart-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(10,39,30,.96),rgba(5,25,20,.96));box-shadow:var(--shadow)}.company-mark{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.hero h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.04;letter-spacing:-.035em}.test-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.test-pill,.integration-pill{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(4,20,16,.7);font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--muted)}.integration-pill.online{border-color:rgba(67,223,161,.48);background:rgba(67,223,161,.10);color:#85f1c5}.cashier-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}.simple-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(8,37,29,.96),rgba(6,29,23,.96));box-shadow:var(--shadow);padding:22px}.section-label{font-size:12px;font-weight:900;letter-spacing:.09em;color:#a9c8bd;text-transform:uppercase}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;margin-top:14px}.search-row input{width:100%;min-height:52px;border:1px solid var(--line2);border-radius:13px;background:#031812;color:var(--text);padding:0 16px;font-size:17px;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)}.search-row input::placeholder{color:#719087}.search-row input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(67,223,161,.12)}button{font:inherit}.search-button,.camera-button{min-height:52px;padding:0 20px;border-radius:13px;font-weight:900;cursor:pointer}.search-button{border:1px solid rgba(67,223,161,.48);background:linear-gradient(180deg,var(--mint),var(--mint2));color:#022118}.camera-button{border:1px solid var(--line2);background:#0b3025;color:var(--text)}.search-button:hover,.camera-button:hover{filter:brightness(1.04)}.search-button:disabled,.camera-button:disabled{opacity:.55;cursor:wait}.helper-text{min-height:22px;margin:10px 0 0;color:var(--muted);font-size:14px}.camera-panel{margin-top:16px;border:1px solid var(--line2);border-radius:16px;padding:12px;background:#031812}.camera-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;letter-spacing:.06em}.camera-close{border:1px solid var(--line2);border-radius:9px;background:#0b3025;color:var(--text);padding:8px 11px;font-weight:800;cursor:pointer}.camera-viewport{position:relative;min-height:280px;overflow:hidden;border-radius:13px;background:#010806}.camera-viewport video,.camera-viewport canvas{width:100%!important;height:100%!important;min-height:280px;object-fit:cover}.camera-guide{position:absolute;z-index:4;left:10%;right:10%;top:35%;height:30%;border:2px solid rgba(67,223,161,.9);border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.24);pointer-events:none}.cart-card{min-height:250px}.cart-columns{display:grid;grid-template-columns:minmax(0,1fr) 190px 130px;gap:12px;margin-top:16px;padding:0 12px 9px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}.cart-columns strong:nth-child(2),.cart-columns strong:nth-child(3){text-align:right}.cart-table{display:grid;gap:10px;margin-top:10px}.empty-state{padding:34px 16px;text-align:center;border:1px dashed var(--line2);border-radius:14px;color:var(--muted);background:rgba(3,24,18,.55)}.cart-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 190px 120px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(3,24,18,.74)}.cart-product{display:flex;align-items:center;gap:12px;min-width:0}.cart-thumb-wrap{position:relative;flex:0 0 58px;width:58px;height:58px;overflow:hidden;border-radius:11px;border:1px solid var(--line2);background:#09281f}.cart-thumb,.cart-thumb-placeholder{width:100%;height:100%}.cart-thumb{display:block;object-fit:cover}.cart-thumb-placeholder{display:grid;place-items:center;color:#6d9185;font-size:10px;font-weight:900;letter-spacing:.08em}.cart-product-copy{min-width:0}.cart-product-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.cart-product-copy small{display:block;margin-top:5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-row>span,.cart-row>strong{text-align:right}.qty-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px}.qty-controls button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line2);border-radius:9px;background:#0b3025;color:var(--text);font-weight:900;cursor:pointer}.qty-controls button:hover{border-color:var(--mint)}.qty-controls .remove-item{color:#ffb2b2;border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.08)}.qty-controls strong{min-width:26px;text-align:center}.total-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:18px 12px 2px;border-top:1px solid var(--line2);font-size:22px}.secondary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 2px 0;color:var(--muted);font-size:13px}.help-link{color:#8ff0c9;text-decoration:none;font-weight:800}.help-link:hover{text-decoration:underline}.system-details{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:rgba(6,29,23,.78);overflow:hidden}.system-details summary{cursor:pointer;padding:12px 14px;color:var(--muted);font-size:13px;font-weight:800}.audit-list{display:grid;gap:7px;padding:0 12px 12px}.audit-list>div{display:grid;grid-template-columns:70px 78px 1fr 46px;gap:8px;padding:9px 10px;border-radius:9px;background:#041b15;font-size:12px;color:#c3d4ce}.audit-list em{color:#7befbc;font-style:normal;text-align:right}.gate-hold{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}@media(max-width:820px){.smart-shell{width:min(100% - 20px,1180px);padding-top:14px}.hero{align-items:flex-start;flex-direction:column;padding:20px}.test-status{justify-content:flex-start}.simple-card{padding:16px}.search-row{grid-template-columns:1fr auto}.camera-button{grid-column:1/-1}.cart-row{grid-template-columns:1fr 100px}.cart-row>span{grid-column:2;text-align:right}.qty-controls{grid-column:1;justify-content:flex-start}.cart-row>strong{grid-column:2;text-align:right}.cart-columns{display:none}.secondary-row{align-items:flex-start;flex-direction:column}.audit-list>div{grid-template-columns:55px 65px 1fr}.audit-list em{grid-column:3}}@media(max-width:560px){.smart-shell{width:min(100% - 14px,1180px)}.hero h1{font-size:30px}.search-row{grid-template-columns:1fr}.search-button,.camera-button{width:100%;grid-column:1}.simple-card{border-radius:14px}.camera-viewport,.camera-viewport video,.camera-viewport canvas{min-height:240px}.cart-row{grid-template-columns:1fr}.cart-row>span,.cart-row>strong,.qty-controls{grid-column:1;text-align:left;justify-content:flex-start}.total-row{font-size:20px}}