:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#123340;background:#eef5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#eef5f4}button,input{font:inherit}button{cursor:pointer}.eyebrow{color:#63e4dc;font-size:11px;font-weight:800;letter-spacing:2.5px}.login-page{min-height:100vh;max-width:640px;margin:auto;background:#f4f8f7}.workbench{min-height:100vh;max-width:1180px;margin:auto;background:#f4f8f7}.brand-panel,.topbar{color:#fff;background:radial-gradient(circle at 95% 0,#257d7b 0 26%,transparent 26%),radial-gradient(circle at 58% 100%,#195d67 0 31%,transparent 31%),#103f4d}.brand-panel{min-height:260px;padding:54px 28px 92px}.brand-panel h1{margin:12px 0 6px;font-size:30px}.brand-panel p{margin:0;color:#c0d7da}.login-card{position:relative;margin:-58px 18px 0;padding:34px 24px 28px;text-align:center;border-radius:22px;background:#fff;box-shadow:0 18px 60px #174b5530}.card-icon{width:54px;height:54px;margin:auto;display:grid;place-items:center;color:#fff;font-size:26px;border-radius:17px;background:#159a94}.login-card h2{margin:18px 0 7px}.login-card p{margin:0 0 28px;color:#769099}.login-card small{display:block;margin-top:20px;color:#9aabb0}form{text-align:left}label{display:block;margin-bottom:8px;font-size:13px;font-weight:700}input{width:100%;height:50px;padding:0 15px;color:#123340;border:1px solid #d6e2e3;border-radius:12px;outline:none;background:#f9fbfb}input:focus{border-color:#159a94;box-shadow:0 0 0 3px #159a9419}.primary-button,.secondary-button{width:100%;min-height:50px;border:0;border-radius:13px;font-weight:800}.primary-button{margin-top:16px;color:#fff;background:linear-gradient(135deg,#159a94,#0c7778);box-shadow:0 10px 25px #117f7c36}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{margin-top:10px;color:#55757d;background:#edf3f3}.photo-scan-button{color:#0b7d79;background:#e2f4f1}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.camera-tip{margin-top:10px;padding:10px 12px;color:#8b681f;font-size:12px;line-height:1.6;border-radius:10px;background:#fff5dc}.error-message{margin-top:10px;color:#c74c4c;font-size:13px}.error-message.block{padding:11px;text-align:center;border-radius:10px;background:#fff0f0}.topbar{min-height:152px;padding:31px 22px 48px;display:flex;align-items:flex-start;justify-content:space-between}.topbar h1{margin:9px 0 0;font-size:23px}.text-button{color:#d5eeef;border:1px solid #ffffff3b;border-radius:20px;padding:7px 14px;background:#ffffff12}.content-card{position:relative;margin:-24px 14px 24px;padding:22px;border-radius:20px;background:#fff;box-shadow:0 13px 40px #174b551a}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading div{display:flex;align-items:center;gap:10px}.section-heading span{display:grid;place-items:center;width:29px;height:29px;color:#0b7d79;font-size:12px;font-weight:800;border-radius:50%;background:#daf1ef}.section-heading h2{margin:0;font-size:18px}.section-heading p{margin:0;color:#89a0a6;font-size:12px}.camera-frame{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:16px;background:#13343e}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:7px;text-align:center;color:#d7e3e5}.camera-placeholder small{color:#78959c}.scan-glyph{color:#5ad5cb;font-size:46px}.scan-mask{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid #ffffff55}.scan-mask i{position:absolute;width:25px;height:25px;border-color:#55e1d6;border-style:solid}.scan-mask i:nth-child(1){left:-2px;top:-2px;border-width:3px 0 0 3px}.scan-mask i:nth-child(2){right:-2px;top:-2px;border-width:3px 3px 0 0}.scan-mask i:nth-child(3){left:-2px;bottom:-2px;border-width:0 0 3px 3px}.scan-mask i:nth-child(4){right:-2px;bottom:-2px;border-width:0 3px 3px 0}.scan-mask span{position:absolute;left:4%;right:4%;top:50%;height:2px;background:#62f0df;box-shadow:0 0 13px #62f0df;animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(-65px)}50%{transform:translateY(65px)}}.processing-mask{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;background:#103f4dcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-ring{width:42px;height:42px;border:4px solid #ffffff55;border-top-color:#63e4dc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.46fr);gap:10px}.camera-actions .primary-button,.camera-actions .secondary-button{margin-bottom:0}.switch-camera-button{color:#0b7d79;border-color:#b9ded9;background:#f1fbf9}.switch-camera-button:disabled{color:#a8b8bb;border-color:#dce6e6;background:#f3f6f6}.divider{margin:24px 0 15px;display:flex;align-items:center;gap:10px;color:#91a5aa;font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e3ebeb}.manual-tabs{display:flex;padding:3px;border-radius:10px;background:#eef4f3}.manual-tabs button{flex:1;padding:8px;border:0;color:#738d93;border-radius:8px;background:transparent}.manual-tabs button.selected{color:#0b7d79;font-weight:700;background:#fff;box-shadow:0 2px 7px #174b5516}.manual-row{display:flex;gap:8px;margin-top:10px}.manual-row input{height:44px}.manual-row button{flex:0 0 70px;color:#fff;border:0;border-radius:10px;background:#376570}.result-card,.success-card{text-align:center;padding-top:30px}.person-avatar{width:64px;height:64px;margin:auto;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800;border-radius:22px;background:linear-gradient(135deg,#1aa49c,#185968)}.status-pill{display:inline-block;margin:16px 0 4px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700}.status-pill.available{color:#0b8178;background:#dff5ef}.status-pill.unavailable{color:#a26d18;background:#fff1d5}.result-card h2{margin:8px 0 4px}.result-card>p{margin:0 0 3px;color:#52727a}.result-card>small{color:#8da1a6}.meal-panel{margin:23px 0 12px;padding:18px;text-align:left;color:#fff;border-radius:15px;background:radial-gradient(circle at 100% 0,#d5a53a 0 25%,transparent 26%),linear-gradient(135deg,#7a601f,#b98b25)}.meal-panel span{font-size:12px;opacity:.8}.meal-panel strong{display:block;margin:4px 0 14px;font-size:19px}.meal-panel div{font-size:13px}.meal-panel b{font-size:20px}.notice{margin-bottom:6px;padding:12px;border-radius:10px;font-size:13px}.notice.success{color:#167a70;background:#e5f6f2}.notice.warning{color:#966318;background:#fff3dc}.success-mark{width:76px;height:76px;margin:8px auto 20px;display:grid;place-items:center;color:#fff;font-size:38px;border-radius:50%;background:#14998f;box-shadow:0 12px 30px #14998f45}.success-card h2{margin:8px 0;font-size:26px}.success-card p{color:#56737b}.remaining{margin:25px 0 14px;padding:18px;border-radius:14px;background:#edf6f4}.remaining span{color:#66878d}.remaining strong{margin-left:12px;color:#0b8178;font-size:32px}.remaining small{color:#66878d}.success-card time{color:#91a3a8;font-size:13px}.workbench-grid{position:relative;z-index:2;margin:-24px 14px 28px;display:grid;gap:14px}.workbench-grid .content-card{margin:0}.result-column{display:grid;align-content:start;gap:14px;min-width:0}.live-result-card{min-height:250px;padding:26px 22px;text-align:center;border:2px solid transparent}.live-result-card.success{border-color:#78d7c8;background:linear-gradient(180deg,#f3fffc,#fff)}.live-result-card.failed{border-color:#f0c98f;background:linear-gradient(180deg,#fffaf0,#fff)}.result-symbol,.result-empty-icon{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;font-size:30px;font-weight:900}.result-symbol{color:#fff;background:#14998f;box-shadow:0 10px 24px #14998f35}.failed .result-symbol{background:#d18b2f;box-shadow:0 10px 24px #d18b2f35}.result-empty-icon{color:#6d999d;background:#e8f2f1}.result-status{color:#0b8178;font-size:12px;font-weight:800;letter-spacing:1px}.failed .result-status{color:#a66a1d}.live-result-card h2{margin:8px 0 4px;font-size:25px}.live-result-card>p{margin:0 0 4px;color:#55757d}.live-result-card>small{color:#8ba0a5}.result-meal{margin:18px 0 10px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;border-radius:12px;color:#0b6e68;background:#e4f6f2}.result-meal span{color:#55757d;font-size:12px}.result-message{margin:10px 0;padding:11px;color:#4f6f76;border-radius:10px;background:#f1f6f5;font-size:13px}.failed .result-message{color:#956119;background:#fff3dc}.live-result-card time{display:block;color:#8ca1a6;font-size:12px}.history-card{padding:20px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.history-heading h2{margin:4px 0 0;font-size:18px}.history-heading button{padding:7px 12px;color:#0b7d79;border:1px solid #b9ded9;border-radius:9px;background:#f1fbf9}.history-empty{padding:34px 10px;color:#8ca1a6;text-align:center;font-size:13px}.history-list{max-height:430px;overflow-y:auto;display:grid;gap:8px}.history-list article{padding:11px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e1eaea;border-radius:12px;background:#fbfdfd}.history-avatar{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-weight:800;border-radius:14px;background:linear-gradient(135deg,#1aa49c,#185968)}.history-person{min-width:0;display:grid;gap:2px}.history-person strong,.history-person span,.history-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-person span{color:#56747b;font-size:12px}.history-person small{color:#8ca1a6;font-size:11px}.history-list article>b{color:#0c877e;font-size:12px}@media (min-width: 641px){body{padding:24px 0}.login-page,.workbench{min-height:calc(100vh - 48px);border-radius:24px;overflow:hidden;box-shadow:0 20px 70px #174b5525}}@media (min-width: 768px){.topbar{min-height:174px;padding:34px 30px 58px}.workbench-grid{margin:-32px 24px 32px;grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr);align-items:start;gap:18px}.scan-card{position:sticky;top:18px}.camera-frame{aspect-ratio:4 / 3}}@media (min-width: 1024px){.workbench-grid{grid-template-columns:480px minmax(0,1fr);gap:22px}.result-column{grid-template-columns:1fr}}@media (max-width: 767px){.section-heading{align-items:flex-start}.section-heading p{max-width:150px;text-align:right}.result-meal{display:grid;justify-content:center}.history-list{max-height:360px}}