:root{color:#18202a;background:#f5f7fa;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.loading{padding:32px;color:#5f6b7a}.loginShell{min-height:100vh;display:grid;place-items:center;background:#e9eef4}.loginPanel{width:min(420px,calc(100vw - 32px));display:grid;gap:18px;padding:28px;background:#fff;border:1px solid #dce2ea;border-radius:8px;box-shadow:0 18px 50px #18202a14}.brandRow,.logoBlock,.navButton,.viewHeader,.toolbar,.searchBox,.iconTextButton,.errorState{display:flex;align-items:center}.brandRow{gap:12px}.brandRow svg,.logoBlock svg{color:#0d9488}.brandRow h1{margin:0;font-size:22px;line-height:1.25}.brandRow p{margin:4px 0 0;color:#667085}label{display:grid;gap:7px;font-size:13px;color:#475467}input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:6px;background:#fff;color:#18202a}input,select{height:38px;padding:0 10px}textarea{min-height:76px;padding:10px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #99d4cc;border-color:#0d9488}.primaryButton,.smallButton,.iconTextButton,.iconButton,.navButton{border:0;border-radius:6px}.primaryButton{height:38px;padding:0 16px;background:#0d9488;color:#fff;font-weight:700}.smallButton{height:30px;padding:0 10px;background:#e8f4f2;color:#0f766e;font-weight:700}.iconTextButton{gap:8px;height:38px;padding:0 12px;background:#1f2937;color:#fff}.iconButton{width:38px;height:38px;display:grid;place-items:center;background:#eef2f7;color:#344054}.errorLine{color:#b42318;background:#fff2f0;border:1px solid #f7b7b0;border-radius:6px;padding:10px 12px}.appShell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{min-height:100vh;background:#111827;color:#dce6f2;padding:18px 14px;display:flex;flex-direction:column;gap:18px}.logoBlock{gap:10px;height:42px;padding:0 10px;font-weight:800}.sidebar nav{display:grid;gap:6px}.navButton{gap:10px;width:100%;height:40px;padding:0 10px;background:transparent;color:#cbd5e1;text-align:left}.navButton.active,.navButton:hover{background:#233047;color:#fff}.logout{margin-top:auto}.mainPane{min-width:0;padding:24px}.view{display:grid;gap:18px}.viewHeader{justify-content:space-between}.viewHeader h2{margin:0;font-size:24px}.statsGrid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.statBox{min-height:86px;background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:15px;display:grid;align-content:space-between}.statBox span{color:#667085;font-size:13px}.statBox strong{font-size:28px}.twoColumn{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.dataPanel{background:#fff;border:1px solid #dce2ea;border-radius:8px;overflow:hidden}.dataPanel h3{margin:0;padding:14px 16px;font-size:16px;border-bottom:1px solid #e5ebf2}.toolbar,.inlineForm{gap:10px}.toolbar{flex-wrap:wrap}.searchBox{width:min(420px,100%);gap:8px;padding:0 10px;height:38px;background:#fff;border:1px solid #cfd7e3;border-radius:6px}.searchBox input{border:0;padding:0}.searchBox input:focus{outline:0}.tableWrap{width:100%;overflow-x:auto;background:#fff;border:1px solid #dce2ea;border-radius:8px}.dataPanel .tableWrap{border:0;border-radius:0}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap;font-size:13px}th{background:#f8fafc;color:#475467;font-weight:800}.status{display:inline-flex;min-width:68px;justify-content:center;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#344054;font-weight:700}.status.CONFIRMED,.status.PAID{background:#e6f6ec;color:#157347}.status.CANCELED,.status.FAILED{background:#fff1f0;color:#b42318}.status.CONSUMED,.status.PARTIALLY_CONSUMED{background:#e8f2ff;color:#175cd3}.inlineForm,.credentialForm,.productRow{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:14px}.inlineForm{display:grid;grid-template-columns:1fr 1.2fr 110px 120px}.productList,.productRow{display:grid;gap:12px}.productMeta{display:flex;justify-content:space-between;gap:12px}.productMeta span{color:#667085}.inventoryGrid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) 88px;gap:8px}.inventoryList{display:flex;flex-wrap:wrap;gap:8px}.qrImport{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;align-items:start}.inventoryList span{background:#f2f6fb;border-radius:999px;padding:6px 10px;color:#475467;font-size:12px}.credentialForm{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.credentialForm .primaryButton{align-self:end}.okIcon{color:#157347}.badIcon{color:#b42318}.errorState{gap:10px;padding:18px;background:#fff;border:1px solid #f7b7b0;border-radius:8px;color:#b42318}@media(max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{min-height:auto;flex-direction:row;overflow-x:auto}.sidebar nav{display:flex}.logout{margin-top:0;margin-left:auto}.statsGrid,.twoColumn,.inlineForm,.inventoryGrid,.qrImport,.credentialForm{grid-template-columns:1fr}}