*{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:1660px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:20px;font-size:1.5rem}.layout-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(540px,2fr) minmax(290px,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-card{padding:0;height:610px;display:flex;flex-direction:column;border-color:#d6dce7;overflow:hidden}.member-list-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0;margin-bottom:12px}.member-list-header h2{margin:0;font-size:1.08rem}.member-list-header-right{display:flex;align-items:center;gap:6px}.refresh-btn{width:28px;height:28px;border:1px solid #d6dce7;border-radius:6px;background:#f4f6fa;color:#667487;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#e7edf7}.refresh-btn.loading{animation:spin .8s linear infinite;pointer-events:none;opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}.member-list-stats{display:flex;gap:6px;padding:0 14px 10px}.stats-filter-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1px solid #d6dce7;border-radius:8px;background:#f4f6fa;color:#667487;font-size:.72rem;font-weight:600;cursor:pointer}.stats-filter-btn strong{font-size:1rem;color:#333}.stats-filter-btn:hover{background:#e7edf7}.stats-filter-btn.active{background:#6f95e8;color:#fff;border-color:#5a7ed0}.stats-filter-btn.active strong{color:#fff}.member-list-search{padding:0 14px 8px}.member-list-search input{width:100%;padding:7px 12px;border:1px solid #d6dce7;border-radius:8px;font-size:.82rem;background:#fff;color:#333;outline:none}.member-list-search input:focus{border-color:#6f95e8;box-shadow:0 0 0 2px #6f95e833}.member-list-head,.member-list-row{display:grid;grid-template-columns:minmax(120px,1fr) 120px 170px;align-items:center}.member-list-head{background:#6f95e8;color:#fff;font-size:.82rem;font-weight:600;min-height:32px;padding:0 14px;margin:0 14px;border-radius:8px 8px 0 0}.member-list-head span{text-align:center}#member-list-body{flex:1;min-height:0;overflow-y:auto;border:1px solid #e4e8ef;border-top:0;margin:0 14px 14px;border-radius:0 0 8px 8px;background:#f4f6fa}.member-list-row{width:100%;text-align:center;border:0;border-bottom:1px solid #dfe4ec;background:#f2f4f8;font-size:.78rem;height:33px;padding:0 14px;cursor:pointer}.member-list-row:hover{background:#e7edf7}.member-list-row.selected{background:#ced7e4}.member-list-row span{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list-row span span{text-align:center}.member-list-row span:nth-child(2),.member-list-row span:nth-child(3){text-align:center}.reward-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.7rem;font-weight:600;line-height:1.6}.badge-duck{background:#dbeafe;color:#1e40af}.badge-subscription{background:#fef3c7;color:#92400e}.badge-not-received{background:#f3f4f6;color:#9ca3af}.member-detail-top{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;margin-bottom:10px;position:relative;padding-top:4px}#member-profile-image{width:86px;height:86px;border-radius:50%;object-fit:cover;border:1px solid #d8dde6;background:#e3e5ea}.member-level-badge{position:absolute;left:12px;top:18px;min-width:28px;height:20px;border-radius:6px;background:#1f5be0;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}#member-detail-nickname{font-size:1.92rem;font-weight:700;line-height:1.28;letter-spacing:-.01em;margin-bottom:6px}#member-detail-profile-id{color:#566172;font-size:.96rem;line-height:1.4;word-break:break-all}.member-detail-grid{margin-top:22px;padding-top:18px;border-top:1px solid #cfd6e1;display:grid;grid-template-columns:1fr;gap:14px}.member-detail-grid div{background:transparent;border:0;border-radius:0;padding:0}.member-detail-grid span{display:block;color:#1f2937;font-size:1.42rem;font-weight:700;margin-bottom:6px}.member-detail-grid strong{display:inline-block;padding:2px 10px;border-radius:6px;font-size:1.08rem;font-weight:600}.detail-badge-duck{background:#dbeafe;color:#1e40af}.detail-badge-subscription{background:#fef3c7;color:#92400e}.detail-badge-not-received{background:#f3f4f6;color:#9ca3af}.detail-status-active{background:#d1fae5;color:#065f46}.detail-status-inactive{background:#f3f4f6;color:#9ca3af}.detail-status-default{background:transparent;color:#667487}.member-detail-card{background:#eef1f6;border-color:#d9dee7;min-height:610px;display:flex;flex-direction:column;padding:18px}.member-detail-card h2{text-align:center;margin-bottom:18px;font-size:1.12rem}.member-detail-actions{margin-top:24px;display:grid;gap:8px}.detail-action{position:relative;border:0;min-height:40px;border-radius:4px;background:#e2e3e7;color:#9aa4b4;font-size:1.08rem;font-weight:700;cursor:pointer}.detail-action[disabled]{cursor:not-allowed}.primary-action{background:#688edf;color:#fff}.cancel-action{background:#e57373;color:#fff}.action-chip{position:absolute;left:-8px;top:50%;transform:translateY(-50%);min-width:30px;height:22px;border-radius:6px;background:#1f5be0;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700}.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(300px,1fr) minmax(420px,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 120px;font-size:.8rem}#member-detail-nickname{font-size:1.4rem}.member-detail-grid span{font-size:1.1rem}.member-detail-grid strong{font-size:1rem}.detail-action{font-size:.96rem}}