:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173441;background:#f2f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(78px + env(safe-area-inset-bottom))}[hidden]{display:none!important}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;padding:12px 16px;min-height:46px;font-weight:650;color:#173441;background:#e5eef2}button:disabled{opacity:.5;cursor:wait}a{color:#087a90}input{width:100%;font-size:16px;min-height:48px;border:1px solid #c8d9e1;border-radius:12px;padding:12px;background:white;color:#173441}label{display:block;font-size:14px;font-weight:650;margin:14px 0}label input{display:block;margin-top:6px}h1{font-size:29px;letter-spacing:-1px;margin:5px 0 18px}h2{font-size:19px;margin:10px 0}h3{font-size:17px;margin:0 0 5px}p{line-height:1.5}.topbar{position:sticky;top:0;background:#102f3c;color:white;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;z-index:5}.topbar button{background:#254754;color:white;font-size:26px;padding:3px 14px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:white;font-weight:800;font-size:17px;letter-spacing:.3px}.brand>span{padding:10px 8px;border-radius:12px;background:#0f8195}.brand small{display:block;color:#95c1cd;font-size:9px;letter-spacing:2px;margin-top:3px}main{max-width:860px;margin:auto;padding:22px 18px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#087e96;margin:0}.muted{color:#68818e;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.version{font-size:10px;color:#68818e}.actions{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin:22px 0}.actions button{height:74px;font-size:13px;letter-spacing:.5px}.actions button span{display:block;font-size:25px;line-height:27px}.primary{background:#0a7d92;color:white}.scan-action{background:#173c4c;color:white}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:27px}.metric{background:white;border:1px solid #dce6eb;border-radius:16px;padding:17px}.metric strong{display:block;font-size:26px;letter-spacing:-.8px}.metric small{color:#68818e;font-size:11px}.card{background:#fff;border:1px solid #dce6eb;border-radius:16px;padding:18px;margin:12px 0}.event{display:flex;gap:13px}.date-tile{min-width:47px;border-radius:10px;background:#e6f4f6;text-align:center;padding:8px 5px;color:#086a7b;height:58px}.date-tile strong{display:block;font-size:22px;line-height:24px}.date-tile small{font-size:10px;text-transform:uppercase}.event .body{min-width:0;flex:1}.event p{font-size:12px;margin:6px 0}.pill{display:inline-block;padding:4px 7px;border-radius:6px;font-size:10px;font-weight:700;background:#e9f4f0;color:#19664d}.pill.warn{background:#fff0d5;color:#926000}.empty{text-align:center;padding:28px 15px;color:#68818e;font-size:14px;border:1px dashed #cbdbe3;border-radius:15px;margin:14px 0}.searchbar{display:flex;gap:8px;position:sticky;top:83px;z-index:3;background:#f2f6f8;padding:6px 0}.searchbar input{min-width:0}.searchbar button{font-size:25px;padding:8px 17px}.stock-numbers{display:flex;gap:22px;margin:15px 0}.stock-numbers strong{display:block;font-size:24px}.stock-numbers small{font-size:11px;color:#68818e}.location{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f5;padding:9px 0;gap:9px;font-size:13px}.location button{min-height:38px;padding:5px 9px;font-size:12px}.incoming{background:#fff6e6;border-radius:11px;padding:12px;margin-top:12px;font-size:12px}.incoming strong{color:#7c5400}.incoming p{margin:5px 0}.card .wide{width:100%;margin-top:14px}.code{font-size:11px;color:#68818e}.login{max-width:430px;margin:35px auto}.login .primary{width:100%}#loginError{color:#a52c2c;font-size:13px}#tabs{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dce6eb;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 10px calc(5px + env(safe-area-inset-bottom));z-index:10}#tabs button{background:transparent;color:#75909c;font-size:10px;min-height:58px;padding:5px}#tabs button span{display:block;font-size:24px;line-height:28px}#tabs button.active{color:#087d91;background:#eaf5f7}footer{margin-top:30px;padding-top:15px;border-top:1px solid #d7e3e9;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#68818e;align-items:center}footer button{background:none;padding:0;font-size:11px;color:#68818e;min-height:32px}dialog{width:min(560px,calc(100vw - 22px));max-height:90dvh;overflow:auto;border:0;border-radius:18px;padding:20px;color:#173441}dialog::backdrop{background:#102f3cbf}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.dialog-head button{padding:7px 12px}video{width:100%;height:280px;object-fit:cover;background:#102f3c;border-radius:12px}#scanStatus{font-size:13px}#manualScan{border-top:1px solid #dce6eb;margin-top:18px}#notice{position:fixed;bottom:95px;left:16px;right:16px;z-index:30;padding:14px;background:#173c4c;color:white;border-radius:12px;box-shadow:0 4px 20px #0002;font-size:13px}#mapViewport{overflow:auto;max-height:60dvh;background:white;border:1px solid #dce6eb;border-radius:12px;touch-action:pan-x pan-y}.zoom{display:flex;justify-content:flex-end;gap:7px;margin:14px 0}.zoom button{min-width:45px}#map{position:relative}#map .slot{position:absolute;border:1px solid #d6e0e6;color:#637a85;background:white;text-align:center;overflow:hidden;border-radius:3px;min-height:0;padding:0;font-size:8px}#map .slot.marked{background:#087d91;color:white;border-color:#065e71}#layoutMatches{font-size:13px}.warn-note{color:#926000;background:#fff0d5;padding:10px;border-radius:10px;font-size:12px}.metric.loading,.card.loading{min-height:90px;opacity:.5}@media(min-width:650px){#results{display:grid;grid-template-columns:1fr 1fr;gap:12px}#results>.muted,#results>.empty{grid-column:1/-1}.card{margin:7px 0}.actions button{height:85px}#tabs{padding-left:max(10px,calc((100vw - 860px)/2));padding-right:max(10px,calc((100vw - 860px)/2))}}

.scanner-view{position:relative;margin-top:8px}.scanner-view video{display:block}.scan-guide{position:absolute;left:7%;right:7%;top:50%;height:42%;transform:translateY(-50%);border:2px solid #fff;border-radius:12px;box-shadow:0 0 0 999px #102f3c38;pointer-events:none}.scan-guide span{position:absolute;left:6%;right:6%;top:50%;height:2px;background:#fff;opacity:.9}.scanner-view+ #scanStatus{min-height:42px}