:root{color:#1a1a1a;-webkit-text-size-adjust:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#fff;margin:0}.picker{flex-direction:column;gap:10px;display:flex}.product-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.product-list button{text-align:left;width:100%}.field-error{color:#8a1c13;font-size:14px}.field-help{color:#666;font-size:13px;line-height:1.35}.message-warning{color:#6b3a00;background:#fff4e5;flex-direction:column;gap:8px;display:flex}.message-warning p{margin:0}.scanner{--mode-in:#1f6f3f;--mode-out:#b45309;flex-direction:column;gap:12px;display:flex}.viewfinder{background:#000;border-radius:14px;height:min(45vh,420px);position:relative;overflow:hidden}.viewfinder video{object-fit:contain;width:100%;height:100%;display:block}.viewfinder .aim{pointer-events:none;border:2px solid #ffffffe6;border-radius:8px;height:24%;position:absolute;top:38%;left:8%;right:8%;box-shadow:0 0 0 9999px #00000040}.camera-problem{flex-direction:column;gap:8px;display:flex}.modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modes .mode{font-weight:600}.modes .mode-in{color:var(--mode-in);border-color:var(--mode-in)}.modes .mode-out{color:var(--mode-out);border-color:var(--mode-out)}.modes .mode-in[aria-pressed=true]{background:var(--mode-in);color:#fff}.modes .mode-out[aria-pressed=true]{background:var(--mode-out);color:#fff}.panel{flex-direction:column;gap:10px;display:flex}.card{border:1px solid #ddd;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.card-title{margin:0;font-size:20px}.confirm[data-mode=in]{border-left:6px solid var(--mode-in)}.confirm[data-mode=out]{border-left:6px solid var(--mode-out)}.confirm-line{margin:0;font-size:22px;font-weight:700}.confirm[data-mode=in] .confirm-line{color:var(--mode-in)}.confirm[data-mode=out] .confirm-line{color:var(--mode-out)}.quantity{align-items:center;gap:8px;display:flex}.quantity label{margin-right:auto}.quantity button{min-width:48px;padding:0;font-size:22px}.quantity input{width:72px;min-height:48px;font:inherit;text-align:center;border:1px solid #c8c8c8;border-radius:10px;font-size:20px}.card-actions{grid-template-columns:2fr 1fr;gap:8px;display:grid}.notice{justify-content:space-between;align-items:center;gap:8px;display:flex}.notice button{flex:none}.screen,.app{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}.screen h1{margin:0;font-size:26px}.app-header{align-items:center;gap:8px;display:flex}.app-header .brand{font-size:20px;font-weight:700}.app-header .employee{color:#555;margin-left:auto}button{min-height:48px;font:inherit;color:#1a1a1a;background:#fff;border:1px solid #c8c8c8;border-radius:12px;padding:0 16px;font-size:17px}button.primary{color:#fff;background:#1f6f3f;border:none;font-weight:600}button:disabled{opacity:.6}.icon-button{min-width:48px;padding:0;font-size:22px}.form{flex-direction:column;gap:12px;display:flex}.field{color:#444;flex-direction:column;gap:4px;font-size:15px;display:flex}.field input{min-height:48px;font:inherit;color:#1a1a1a;background:#fff;border:1px solid #c8c8c8;border-radius:10px;padding:0 12px;font-size:17px}.field input[readonly]{color:#555;background:#f3f3f3}.choices{flex-wrap:wrap;gap:8px;display:flex}.message{border-radius:10px;margin:0;padding:10px 12px}.message-error{color:#8a1c13;background:#fdecea}.message-ok{color:#14532d;background:#e8f5ec}.muted{color:#666;margin:0}