body{font-family:Arial,sans-serif;background:#f5f5f5;margin:0;padding:0}.container{padding:16px;max-width:400px;margin:0 auto}.title{font-size:20px;font-weight:700;text-align:center;margin-bottom:16px}.scanner-box{margin-bottom:16px}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin-bottom:16px}.field{margin-bottom:12px}.input-row{display:flex;gap:8px}input{width:100%;padding:8px;border-radius:6px;border:1px solid #ccc}.scan-result{font-size:12px;color:green;margin-top:4px}.table-box{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;overflow:hidden;margin-bottom:16px}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#f0f0f0}th,td{text-align:left;padding:8px}tr{border-top:1px solid #ddd}.empty{text-align:center;color:#888;padding:16px}.btn{border:none;border-radius:8px;padding:10px;cursor:pointer;color:#fff;font-size:14px}.btn.small{padding:8px 12px;font-size:13px}.btn.add{background:green;width:100%}.btn.cancel{background:red;width:100%;margin-top:8px}.btn.sync{background:purple;width:100%}.btn:hover{opacity:.9}