@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f7f9;--card:#fff;--text:#1a1a2e;--text-sub:#6b7280;--border:#e5e7eb;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--pending:#8b5cf6;--radius:12px;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 16px #0000001f}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card);border-radius:20px;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-brand h1{letter-spacing:6px;text-align:center;color:var(--text);font-size:32px;font-weight:700}.login-brand p{text-align:center;color:var(--text-sub);letter-spacing:2px;margin-top:4px;font-size:14px}.login-card form{margin-top:36px}.input-group{margin-bottom:20px}.input-group label{color:var(--text-sub);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input-group input{border:1.5px solid var(--border);border-radius:10px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.error-msg{color:var(--danger);text-align:center;margin-bottom:16px;font-size:13px}.login-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.login-btn:hover{background:var(--primary-hover)}.login-btn:disabled{opacity:.6}.admin-layout{min-height:100vh}.admin-nav{background:var(--card);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:4px;color:var(--text);font-size:18px;font-weight:700}.nav-tabs{flex:1;gap:4px;display:flex}.nav-tabs button{color:var(--text-sub);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.nav-tabs button.active{background:var(--primary);color:#fff}.nav-tabs button:hover:not(.active){background:var(--bg)}.nav-user{color:var(--text-sub);align-items:center;gap:12px;font-size:14px;display:flex}.logout-btn{border:1px solid var(--border);color:var(--text-sub);background:0 0;border-radius:6px;padding:6px 12px;font-size:13px}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.admin-main{max-width:1200px;margin:0 auto;padding:24px}.dashboard-content h2,.users-content h2,.logs-content h2{margin-bottom:20px;font-size:20px;font-weight:700}.stat-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border-top:3px solid #0000;padding:24px}.stat-card.pending{border-top-color:var(--pending)}.stat-card.active{border-top-color:var(--success)}.stat-card.out{border-top-color:var(--text-sub)}.stat-card.total{border-top-color:var(--primary)}.stat-number{font-size:36px;font-weight:700}.stat-label{color:var(--text-sub);margin-top:4px;font-size:14px}.upload-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.upload-section h3{margin-bottom:12px;font-size:15px;font-weight:600}.upload-btn,.download-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s;display:inline-block}.upload-btn:hover,.download-btn:hover{background:var(--primary-hover)}.upload-msg{color:var(--success);margin-top:12px;font-size:14px}.items-toolbar{align-items:center;gap:16px;margin-bottom:16px;display:flex}.filter-group{gap:4px;display:flex}.filter-group button{background:var(--card);border:1px solid var(--border);color:var(--text-sub);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-group button.active{background:var(--primary);border-color:var(--primary);color:#fff}.search-input,.list-search{border:1px solid var(--border);border-radius:10px;outline:none;width:240px;padding:10px 16px;font-size:14px}.search-input:focus,.list-search:focus{border-color:var(--primary)}.items-table-wrap{overflow-x:auto}.items-table,.users-table,.logs-table{border-collapse:collapse;background:var(--card);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}.items-table th,.users-table th,.logs-table th{text-align:left;color:var(--text-sub);background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:600}.items-table td,.users-table td,.logs-table td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}.code-cell{font-family:SF Mono,Fira Code,monospace;font-weight:600}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:#7c3aed;background:#ede9fe}.badge-active{color:#059669;background:#d1fae5}.badge-out{color:#6b7280;background:#f3f4f6}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:14px;display:flex}.pagination button{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px}.pagination button:disabled{opacity:.4;cursor:default}.user-form{gap:12px;margin-bottom:20px;display:flex}.user-form input{border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.user-form input:focus{border-color:var(--primary)}.user-form button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.delete-btn{border:1px solid var(--danger);color:var(--danger);background:0 0;border-radius:6px;padding:4px 12px;font-size:12px}.delete-btn:hover{background:var(--danger);color:#fff}.log-filters{align-items:center;gap:12px;margin-bottom:16px;display:flex}.log-filters input{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px}.log-filters button{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:14px}.crew-layout{background:var(--bg);max-width:500px;min-height:100vh;margin:0 auto}.crew-header{background:var(--card);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.crew-brand{letter-spacing:3px;flex:1;font-size:16px;font-weight:700}.crew-user{color:var(--text-sub);font-size:13px}.crew-logout{border:1px solid var(--border);color:var(--text-sub);background:0 0;border-radius:6px;padding:4px 10px;font-size:12px}.crew-tabs{background:var(--card);border-bottom:1px solid var(--border);z-index:99;display:flex;position:sticky;top:49px}.crew-tabs button{color:var(--text-sub);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.crew-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.crew-main{padding:16px}.scan-message{border-radius:10px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeIn}.scan-message.success{color:#065f46;background:#d1fae5}.scan-message.warn{color:#92400e;background:#fef3c7}.scan-message.error{color:#991b1b;background:#fee2e2}.manual-input{gap:8px;margin-bottom:16px;display:flex}.manual-input input{border:1.5px solid var(--border);border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:16px}.manual-input input:focus{border-color:var(--primary)}.manual-input button{background:var(--primary);color:#fff;white-space:nowrap;border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600}.scan-list-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.scan-list-header h3{font-size:15px;font-weight:600}.clear-btn{border:1px solid var(--danger);color:var(--danger);background:0 0;border-radius:6px;padding:4px 12px;font-size:12px}.scan-list{margin-bottom:16px}.scan-empty{text-align:center;color:var(--text-sub);padding:40px 20px;font-size:15px;line-height:1.6}.scan-item{background:var(--card);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;animation:.2s slideIn;display:flex}.scan-item-code{font-family:SF Mono,Fira Code,monospace;font-size:16px;font-weight:700}.scan-item-detail{color:var(--text-sub);margin-left:8px;font-size:13px}.scan-item-remove{width:32px;height:32px;color:var(--danger);background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.scan-actions{background:var(--card);border-top:1px solid var(--border);max-width:500px;margin:0 auto;padding:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000014}.note-input{border:1px solid var(--border);border-radius:10px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px;font-size:14px}.confirm-btn{background:var(--success);color:#fff;letter-spacing:1px;border:none;border-radius:12px;width:100%;padding:16px;font-size:17px;font-weight:700}.confirm-btn:active{transform:scale(.98)}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:400px;max-height:80vh;padding:24px;animation:.2s fadeIn;overflow-y:auto}.modal h3{text-align:center;margin-bottom:16px;font-size:18px;font-weight:700}.modal-list{max-height:200px;margin-bottom:16px;overflow-y:auto}.modal-item{background:var(--bg);border-radius:8px;margin-bottom:4px;padding:8px 12px;font-size:14px}.modal-note{color:var(--text-sub);margin-bottom:16px;font-size:13px}.modal-actions{gap:12px;display:flex}.modal-cancel{background:var(--bg);border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600}.modal-confirm{background:var(--success);color:#fff;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:700}.modal-confirm:disabled{opacity:.6}.list-filters{gap:6px;margin-bottom:12px;display:flex}.list-filters button{background:var(--card);border:1px solid var(--border);color:var(--text-sub);border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500}.list-filters button.active{background:var(--primary);border-color:var(--primary);color:#fff}.list-search{width:100%;margin-bottom:12px;padding:12px 16px}.list-item-card{background:var(--card);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.card-code{min-width:80px;font-family:SF Mono,Fira Code,monospace;font-size:15px;font-weight:700}.card-detail{color:var(--text-sub);flex:1;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.stat-cards{grid-template-columns:repeat(2,1fr)}.admin-nav{flex-wrap:wrap;gap:8px;height:auto;padding:12px}.nav-tabs{order:3;width:100%}.items-toolbar{flex-direction:column}.search-input{width:100%}.user-form{flex-direction:column}.log-filters{flex-wrap:wrap}}.qr-toggle-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;font-size:16px;font-weight:600;transition:background .2s}.qr-toggle-btn.scanning{background:var(--danger)}.qr-reader{border-radius:12px;margin-bottom:12px;display:none;overflow:hidden}.qr-reader.active{display:block}#qr-reader video{border-radius:12px}#qr-reader{border:none!important}#qr-reader__scan_region{min-height:200px}#qr-reader__dashboard{display:none!important}