:root{--bg:#f2f2f2;--paper:#fff;--ink:#111;--line:#111;--muted:#666;--accent:#ffef00;--green:#10b759;--blue:#1268ff;--red:#e42828;--grey:#d9d9d9}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Roboto,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;border-radius:0}button{cursor:pointer}input,select,textarea{width:100%;border:2px solid var(--line);background:#fff;padding:11px 10px;min-height:45px}textarea{resize:vertical}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:#111}.login-card{width:min(460px,100%);background:#fff;border:4px solid #fff;padding:20px}.brand-block{display:flex;align-items:center;gap:12px;border-bottom:5px solid #111;padding-bottom:10px}.brand-block strong{background:var(--accent);padding:8px 10px;font-size:30px}.brand-block span{font-weight:900;letter-spacing:1.2px}.login-card h1{font-size:24px;margin:22px 0 8px}.login-card p{margin:0 0 18px}.login-card label,.field label{display:block;font-size:11px;font-weight:900;letter-spacing:.45px;margin:0 0 5px}.login-card input{margin-bottom:10px}.btn{border:2px solid #111;background:#fff;color:#111;padding:10px 12px;min-height:44px;font-weight:900}.btn.primary{background:var(--blue);color:#fff}.btn.success{background:var(--green);color:#fff}.btn.danger{background:var(--red);color:#fff}.btn.add{align-self:end;white-space:nowrap}.btn.full{width:100%;margin-top:8px}.inline,.field-row,.qr-input-row{display:flex;gap:7px;align-items:end}.inline input,.qr-input-row input,.grow{flex:1}.app-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff;padding:10px 12px;border-bottom:4px solid var(--accent)}.brand-line{font-size:10px;font-weight:800;letter-spacing:1px}.app-title{font-size:22px;font-weight:1000}.header-right{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:10px;font-weight:900;background:var(--green);color:#fff;border:1px solid #fff;padding:5px 6px}.badge.offline{background:var(--red)}.badge.dark{background:#333}.tabs{position:sticky;top:58px;z-index:19;display:flex;overflow:auto;background:#fff;border-bottom:3px solid #111}.tabs button{flex:0 0 auto;border:0;border-right:1px solid #111;background:#fff;padding:12px 13px;font-size:11px;font-weight:900}.tabs button.active{background:var(--accent)}main{max-width:980px;margin:0 auto;padding:10px 10px 88px}.tab-panel{display:none}.tab-panel.active{display:block}.counterbar{display:grid;grid-template-columns:1.4fr .7fr .9fr;background:#111;color:#fff;border:3px solid #111;margin-bottom:12px}.counterbar>div{padding:9px;border-right:1px solid #777}.counterbar>div:last-child{border-right:0}.counterbar span,.metric-row span{display:block;font-size:9px;font-weight:800;color:#ccc}.counterbar strong,.metric-row strong{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{margin:14px 0 8px;padding:7px 8px;background:#111;color:#fff;border-left:7px solid var(--accent);font-size:13px;font-weight:1000;letter-spacing:.4px}.section-subtitle{margin:10px 0 6px;font-weight:900}.field{margin:0 0 9px}.grid2,.check-grid,.highlight-grid{display:grid;grid-template-columns:1fr;gap:0 8px}.highlight-grid{background:var(--accent);border:3px solid #111;padding:8px;margin-bottom:8px}.highlight-grid .field{margin-bottom:0}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.photo-btn{display:flex;min-height:92px;border:3px solid #111;background:#fff;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7px}.photo-btn strong{font-size:12px}.photo-btn span{font-size:10px;color:#666;margin-top:5px}.photo-preview{display:flex;overflow:auto;gap:5px;margin-top:6px}.photo-preview figure{margin:0;min-width:94px;border:2px solid #111;background:#fff}.photo-preview img{display:block;width:90px;height:90px;object-fit:cover}.photo-preview figcaption{font-size:8px;font-weight:900;padding:3px}.small-status,.message{font-size:12px;margin:6px 0;min-height:16px}.small-status.good,.message.good{color:#087c39;font-weight:800}.small-status.bad,.message.bad{color:#bd0000;font-weight:800}.toggle-line{display:flex;align-items:center;gap:10px;border:3px solid #111;background:#fff;padding:12px;font-weight:900}.toggle-line input{width:24px;height:24px;min-height:0}.savebar{position:sticky;bottom:0;z-index:15;display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;background:rgba(242,242,242,.95);padding:9px 0;border-top:3px solid #111}.note-box{border:2px solid #111;background:#fff;padding:10px;font-size:12px;margin:10px 0}.metric-row{display:grid;grid-template-columns:1fr 1fr;border:3px solid #111;background:#fff;margin-bottom:10px}.metric-row>div{padding:10px;border-right:2px solid #111}.metric-row>div:last-child{border-right:0}.metric-row span{color:#555}.button-stack{display:grid;gap:7px}.units-list{display:grid;gap:7px}.unit-card{background:#fff;border:3px solid #111;padding:9px;display:grid;gap:5px}.unit-card .top{display:flex;justify-content:space-between;gap:8px}.unit-card .qr{font-family:monospace;font-weight:900}.unit-card .meta{font-size:12px;color:#333}.unit-card .state{display:flex;flex-wrap:wrap;gap:4px}.pill{border:1px solid #111;padding:3px 5px;font-size:9px;font-weight:900;background:#eee}.pill.green{background:#bff0d1}.pill.red{background:#ffc2c2}.pill.yellow{background:#fff29c}.code-list{margin-top:10px;display:grid;gap:4px}.code-row{font-family:monospace;background:#fff;border:1px solid #111;padding:6px;display:flex;justify-content:space-between;gap:10px}.modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.83);display:grid;place-items:center;padding:12px}.modal[hidden]{display:none}.modal-card{background:#fff;border:4px solid #111;width:min(520px,100%);max-height:92vh;overflow:auto;padding:12px}.scanner-card video{display:block;width:100%;height:52vh;background:#111;object-fit:cover}.toast{position:fixed;z-index:200;top:10px;left:50%;transform:translateX(-50%);background:#111;color:#fff;border:3px solid var(--accent);padding:10px 13px;font-weight:900;max-width:92vw}.toast[hidden]{display:none}code{font-family:monospace;background:#eee;padding:1px 3px}@media(min-width:620px){main{padding:15px 16px 90px}.grid2,.check-grid,.highlight-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}.tabs button{flex:1}.counterbar{grid-template-columns:2fr 1fr 1fr}}@media(min-width:900px){.check-grid{grid-template-columns:1fr 1fr 1fr}.maintenance-grid{grid-template-columns:1fr 1fr 1fr}.app-header{padding-left:max(16px,calc((100vw - 980px)/2));padding-right:max(16px,calc((100vw - 980px)/2))}}@media print{.app-header,.tabs,.savebar{display:none!important}}