*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;min-height:100vh}#app{max-width:1360px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:20px;font-size:1.5rem}.layout-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(280px,1fr) minmax(320px,1fr);gap:16px;align-items:start}.panel{background:#fff;border-radius:12px;padding:14px;box-shadow:0 8px 24px #11182714}.scanner-panel{min-height:640px}.section-title{font-size:.96rem;margin-bottom:8px}.member-list-panel,.member-detail-panel{min-height:640px}#reader{width:100%;border-radius:8px;overflow:hidden;margin-bottom:12px}.usb-status{border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.9rem;font-weight:600;border:1px solid transparent}.usb-status.status-ready{background:#e8f4ff;color:#0d4f8b;border-color:#b4d8f5}.usb-status.status-active{background:#fff3cd;color:#856404;border-color:#ffe08a}.usb-status.status-warning{background:#fff1f0;color:#8a2f2f;border-color:#f4bbbb}.usb-status.status-error{background:#f8d7da;color:#721c24;border-color:#f0a8b0}#result{text-align:center;padding:12px;border-radius:8px;background:#f9fafb;margin-bottom:12px;font-weight:500;word-break:break-all}#result.scanning{background:#fff3cd;color:#856404}#result.success{background:#d4edda;color:#155724}#result.error{background:#f8d7da;color:#721c24}#log{max-height:330px;overflow-y:auto;border-top:1px solid #e5e7eb;padding-top:8px}.log-entry{padding:8px 12px;margin-bottom:4px;border-radius:4px;font-size:.85rem;background:#fff}.log-entry.success{border-left:3px solid #28a745}.log-entry.error{border-left:3px solid #dc3545}.member-list-card,.member-detail-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fdfdfd}.member-list-card h2,.member-detail-card h2{font-size:1rem;margin-bottom:10px}.member-list-head,.member-list-row{display:grid;grid-template-columns:minmax(100px,1fr) 110px 130px;gap:8px;align-items:center}.member-list-head{font-size:.82rem;color:#6b7280;margin-bottom:6px;padding:0 6px}#member-list-body{max-height:520px;overflow-y:auto;display:grid;gap:6px}.member-list-row{width:100%;text-align:left;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.88rem;padding:8px 6px;cursor:pointer}.member-list-row:hover{border-color:#9ac7f2}.member-list-row.selected{border-color:#0d4f8b;background:#eef6ff}#member-list-empty{color:#6b7280;font-size:.9rem}.member-detail-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}#member-profile-image{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #d1d5db;background:#e5e7eb}#member-detail-nickname{font-size:1rem;font-weight:700}#member-detail-profile-id{color:#6b7280;font-size:.8rem}.member-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-detail-grid div{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.member-detail-grid span{display:block;color:#6b7280;font-size:.78rem;margin-bottom:4px}.member-detail-grid strong{font-size:.92rem}.snackbar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:#323232;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:1000;opacity:0;animation:snackbar-in .3s ease forwards}.snackbar.hide{animation:snackbar-out .3s ease forwards}@keyframes snackbar-in{to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes snackbar-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100px)}}@media(max-width:1180px){.layout-grid{grid-template-columns:minmax(320px,520px) minmax(320px,1fr)}.member-detail-panel{grid-column:1 / -1;min-height:auto}}@media(max-width:980px){.layout-grid{grid-template-columns:1fr}.scanner-panel,.member-list-panel,.member-detail-panel{min-height:auto}}@media(max-width:520px){.member-list-head,.member-list-row{grid-template-columns:minmax(100px,1fr) 90px 110px;font-size:.8rem}.member-detail-grid{grid-template-columns:1fr}}