:root .account-choice{display:flex;align-items:center;gap:8px;font-weight:400}.account-choice input{width:18px;height:18px;margin:0;padding:0;flex:none}#account-email{overflow-wrap:anywhere}button{max-width:100%;white-space:normal}
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192b28;background:#f4f7f4}*{box-sizing:border-box}body{margin:0}.shell{max-width:850px;margin:auto;padding:22px 16px 60px}.top,.brand,.toolbar,.toolbar-actions,.controls,.filters,.listhead,.product,.product-actions,.bottom-actions,.dialog-top,.dialog-actions{display:flex;align-items:center;gap:12px}.top,.toolbar,.listhead,.dialog-top{justify-content:space-between}.top{margin-bottom:26px}.brand h1{font-size:24px;margin:0;letter-spacing:-.7px}.brand small,.tiny,.hint,footer,.product-meta{color:#667a73}.brand small{display:block;font-size:12px;margin-top:3px}.logo{font-size:27px;color:#16634c;background:#dceee5;border-radius:14px;padding:10px}.pill{background:#e4ede7;color:#25634d;border-radius:99px;font-size:12px;padding:7px 11px}.pill.online{background:#daf4e7}.pill.offline{background:#ffede8;color:#a44531}.panel{background:white;border:1px solid #e1e9e3;box-shadow:0 4px 25px #11241908;border-radius:18px;padding:22px;margin:16px 0}.hidden{display:none!important}h2{font-size:19px;margin:0 0 16px}p{line-height:1.5}label{display:block;font-size:13px;font-weight:650;margin-bottom:14px}input,select{width:100%;border:1px solid #cbd9d0;background:white;border-radius:11px;padding:12px;font:inherit;color:inherit;margin-top:7px;min-width:0}input:focus,select:focus{outline:2px solid #a4d9c0;border-color:#338264}button{border:0;background:#176249;color:white;padding:12px 16px;border-radius:11px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#e8f2eb;color:#1b614b}.ghost{background:transparent;color:#5c736a}.danger{background:#ffe6e4;color:#a63831}.compact{padding:9px 11px}.text-button{background:none;color:#236950;padding:0;font-size:12px;text-decoration:underline}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar{margin-bottom:19px}.toolbar strong{display:block}.tiny{display:block;font-size:12px;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stats>div{background:white;border:1px solid #e1e9e3;border-radius:16px;padding:18px 12px}.stats strong{font-size:28px;display:block;color:#175b44}.stats span{font-size:12px;color:#65766d}.controls{margin-bottom:16px}.controls button{flex:1}.primary{background:#176249}.filters{margin-bottom:16px}.filters input{flex:2}.filters select{flex:1}.filters input,.filters select{margin:0}.listing{padding:8px 18px}.listhead{padding:14px 2px}.listhead h2{margin:0}.listhead span{font-size:12px;color:#62766b}.product{padding:15px 2px;border-top:1px solid #e9efeb;justify-content:space-between}.product-main{min-width:0;flex:1}.product-name{font-weight:650;overflow-wrap:anywhere}.product-meta{font-size:12px;margin-top:5px}.product-expiry{font-size:12px;margin-top:5px;color:#597266}.product-expiry.soon{color:#bd6920}.product-expiry.late{color:#b93d35}.product-actions{gap:6px}.product-actions button{padding:6px 10px;font-size:17px}.qty{min-width:26px;text-align:center;font-weight:750}.icon-btn{background:#ecf2ed;color:#406452;padding:7px 11px}.bottom-actions{margin-top:16px}.bottom-actions button{flex:1}footer{font-size:12px;margin-top:28px;text-align:center}dialog{width:min(95vw,540px);border:0;border-radius:18px;padding:22px;box-shadow:0 20px 70px #123e3338;color:#1f302b;max-height:90dvh;overflow:auto}dialog::backdrop{background:#15251c80}.dialog-top{margin-bottom:20px}.dialog-top h2{margin:0}.dialog-actions{justify-content:flex-end}.dialog-actions .danger{margin-right:auto}.invitation-code{font:700 22px ui-monospace,monospace;background:#e8f3ec;padding:20px;border-radius:12px;letter-spacing:2px;overflow-wrap:anywhere;text-align:center;margin-bottom:16px}#reader{width:100%;min-height:150px}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#253f35;color:white;padding:12px 19px;border-radius:12px;max-width:90vw;box-shadow:0 7px 35px #0002;display:none;z-index:10}.empty{text-align:center;color:#697b71;padding:35px 0}@media(max-width:580px){.two{grid-template-columns:1fr}.shell{padding:14px 11px 40px}.panel{padding:15px}.listing{padding:5px 13px}.controls,.filters{flex-direction:column;align-items:stretch}.toolbar{align-items:flex-start;gap:8px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.stats strong{font-size:22px}.stats>div{padding:13px 8px}.stats span{font-size:11px}.product{gap:5px}.product-actions{gap:3px}.product-actions button{padding:5px 7px}.brand h1{font-size:21px}.logo{padding:7px}.bottom-actions{gap:6px}.bottom-actions button{font-size:12px;padding:11px 6px}}