:root{--navy: #0b1330;--navy-light: #16204a;--accent: #38bdf8;--accent-dark: #0ea5e9;--bg: #f7f8fa;--border: #e5e7eb;--text: #101828;--text-muted: #667085;--danger: #dc2626;--warning: #d97706}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy)}.login-card{background:#fff;border-radius:20px;padding:52px;width:min(92vw,420px);text-align:center}.login-card img{width:72px;height:72px;border-radius:16px;margin-bottom:20px}.login-card h1{font-size:15px;font-weight:600;color:var(--text-muted);margin:0 0 28px}.field-label{display:block;text-align:left;font-size:14px;font-weight:600;color:var(--text);margin-bottom:7px}.login-card input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;margin-bottom:18px;font-size:15px}.login-error{color:var(--danger);font-size:13px;margin:-10px 0 14px}.login-card button{width:100%;padding:13px 14px;border:none;border-radius:10px;background:var(--accent-dark);color:#fff;font-weight:600;cursor:pointer;font-size:15px}.scanner-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:72px 24px 40px;background:var(--bg);position:relative}.scanner-logout{position:absolute;top:20px;right:20px;background:#fff;border:1px solid var(--border);color:var(--accent-dark);width:42px;height:42px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.scanner-logout:hover{border-color:var(--accent);background:#f0f9ff}.scanner-brand{color:var(--text);font-size:26px;font-weight:800;letter-spacing:.2px;margin-bottom:28px;text-align:center}.scanner-form{width:min(94vw,640px)}.scanner-form input{width:100%;padding:20px 24px;font-size:19px;text-align:center;border:1px solid var(--border);border-radius:14px;outline:none;background:#fff;box-shadow:0 1px 3px #1018280f}.scanner-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0ea5e926}.scanner-result{width:min(94vw,640px);margin-top:32px;display:flex;align-items:center;justify-content:center}.scanner-hint{color:var(--text-muted);font-size:15px;text-align:center}.scanner-hint-error{color:var(--danger);font-weight:600}.scanner-card{background:#fff;border-radius:20px;padding:36px;width:100%;text-align:center;border-top:4px solid var(--accent);box-shadow:0 1px 3px #1018280f}.scanner-card img{max-width:100%;max-height:240px;object-fit:contain;margin-bottom:20px}.scanner-product-name{font-size:22px;font-weight:700;color:var(--text);margin-bottom:12px}.scanner-product-price{font-size:46px;font-weight:800;color:var(--accent-dark)}.scanner-product-code{margin-top:10px;font-size:13px;color:var(--text-muted);letter-spacing:.3px}