:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1e293b;background:#eef3f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}.top{position:sticky;top:0;z-index:20;height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#0f5bd8;color:#fff;box-shadow:0 2px 12px #0002}.top strong{font-size:18px;margin-right:6px}.top span{opacity:.9}.badge{font-size:12px;padding:5px 9px;border-radius:99px;background:#ffffff26}main{max-width:760px;margin:auto;padding:14px 14px 90px}.view.hidden,.hidden{display:none!important}.card{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 4px 18px #0f172a10;border:1px solid #dfe7f1}.card h1,.card h2{margin:4px 0 12px}.muted{color:#64748b}.hero,.session-head,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero small,.session-head small{color:#64748b}label{display:block;font-size:13px;font-weight:600;margin:10px 0}input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;font-size:16px;background:#fff;color:#0f172a;outline:none}input:focus{border-color:#0f5bd8;box-shadow:0 0 0 3px #0f5bd820}.password{display:flex;gap:6px}.password button{width:46px}.check{display:flex;align-items:center;gap:9px;font-weight:500}.check input{width:auto}.primary,.ghost,.danger,.install,button{border:0;border-radius:10px;padding:11px 14px;font-weight:700;cursor:pointer}.primary{background:#0f5bd8;color:#fff}.ghost{background:#e8eef7;color:#234}.danger{background:#c92a2a;color:#fff}.full{width:100%}.scanrow{display:flex;gap:8px}.scanrow input{flex:1}.toolbar{display:flex;gap:8px;margin:12px 0}.toolbar input{flex:1}.list{display:grid;gap:8px}.item{background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:12px}.itemtop{display:flex;justify-content:space-between;gap:10px}.itemname{font-weight:700}.itemmeta{font-size:12px;color:#64748b;margin-top:4px}.qtyline{display:flex;align-items:center;gap:8px;margin-top:10px}.qtyline button{width:42px;height:38px;padding:0;background:#e8eef7;font-size:20px}.qty{font-size:20px;font-weight:800;min-width:54px;text-align:center}.diff.pos{color:#087f5b}.diff.neg{color:#c92a2a}.product{border-left:4px solid #0f5bd8}.product h3{margin:0 0 4px}.stat{text-align:center;background:#eef4ff;padding:9px 14px;border-radius:12px}.stat b{display:block;font-size:20px}.stat small{font-size:11px}.compact{padding:12px 16px}.bottom-actions{position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;backdrop-filter:blur(8px);border-top:1px solid #dfe7f1;z-index:15}.bottom-actions button{display:block;max-width:732px;margin:auto;width:100%}.modal{position:fixed;inset:0;background:#000c;z-index:50;display:flex;align-items:center;justify-content:center;padding:14px}.modalbox{width:min(620px,100%);background:#111;border-radius:16px;padding:12px;position:relative}.modal video{width:100%;max-height:68vh;background:#000;border-radius:12px}.scanline{position:absolute;left:10%;right:10%;top:48%;height:2px;background:#35d07f;box-shadow:0 0 10px #35d07f}.toast{position:fixed;left:50%;bottom:82px;transform:translateX(-50%);background:#111827;color:white;padding:10px 14px;border-radius:10px;z-index:70;max-width:88%;text-align:center}.install{position:fixed;right:16px;bottom:82px;background:#0f5bd8;color:white;box-shadow:0 8px 24px #0f5bd850}@media(min-width:700px){main{padding-top:22px}.card{padding:20px}}