@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap";.login-wrapper[data-v-70a73a61]{width:100%;max-width:440px;margin:0 auto;min-height:100vh;padding:40px 20px 20px;display:flex;flex-direction:column}.login-header[data-v-70a73a61]{text-align:center;margin-top:20px}.logo-box[data-v-70a73a61]{width:64px;height:64px;background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:20px;display:inline-flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 10px 25px -4px #4f46e566;margin-bottom:12px}.login-title[data-v-70a73a61]{font-size:20px;font-weight:900;color:#0f172a;letter-spacing:-.5px}.login-subtitle[data-v-70a73a61]{font-size:12px;color:#64748b;margin-top:4px}.form-item[data-v-70a73a61]{display:flex;flex-direction:column;gap:6px}.form-label[data-v-70a73a61]{font-size:12px;font-weight:700;color:#475569}.form-input-box[data-v-70a73a61]{display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 12px;transition:all .2s ease}.form-input-box[data-v-70a73a61]:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.input-icon[data-v-70a73a61]{font-size:16px;margin-right:8px;opacity:.6}.form-input[data-v-70a73a61]{flex:1;border:none;background:transparent;padding:12px 0;font-size:14px;font-weight:600;color:#0f172a;outline:none}.login-btn[data-v-70a73a61]{width:100%;padding:14px;background:#4f46e5;color:#fff;font-size:15px;font-weight:800;border:none;border-radius:14px;box-shadow:0 6px 20px #4f46e559;margin-top:20px;cursor:pointer;transition:all .15s ease}.login-btn[data-v-70a73a61]:active{transform:scale(.97)}.login-btn[data-v-70a73a61]:disabled{opacity:.6;cursor:not-allowed}.scan-page-container[data-v-b7877fea]{display:flex;flex-direction:column;gap:14px;padding:14px 16px;max-width:1200px;margin:0 auto}.scan-grid-layout[data-v-b7877fea]{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 768px){.scan-grid-layout[data-v-b7877fea]{grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}}.scan-left-col[data-v-b7877fea],.scan-right-col[data-v-b7877fea]{display:flex;flex-direction:column;gap:14px}.camera-modal-mask[data-v-b7877fea]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.camera-modal-card[data-v-b7877fea]{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:18px;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column}.camera-modal-header[data-v-b7877fea]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.camera-close-btn[data-v-b7877fea]{width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;font-size:14px;font-weight:700;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.camera-close-btn[data-v-b7877fea]:hover{background:#e2e8f0;color:#0f172a}.camera-viewport-wrapper[data-v-b7877fea]{position:relative;width:100%;min-height:260px;background:#000;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.laser-scanner-line[data-v-b7877fea]{position:absolute;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,#22c55e,#10b981,transparent);box-shadow:0 0 12px #22c55e;animation:laser-move-b7877fea 2s infinite ease-in-out;pointer-events:none;z-index:10}@keyframes laser-move-b7877fea{0%{top:15%;opacity:.8}50%{top:85%;opacity:1}to{top:15%;opacity:.8}}.board-page-container[data-v-be921bb3]{display:flex;flex-direction:column;gap:14px;padding:14px 16px;max-width:1300px;margin:0 auto}.record-page-container[data-v-8b627427]{display:flex;flex-direction:column;gap:14px;padding:14px 16px;max-width:1200px;margin:0 auto}.record-list-grid[data-v-8b627427]{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 768px){.record-list-grid[data-v-8b627427]{grid-template-columns:repeat(2,1fr);gap:14px}}.record-item-card[data-v-8b627427]{padding:14px;background:#fff;border-radius:16px;transition:all .15s ease}.record-item-card[data-v-8b627427]:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.grid-badge[data-v-8b627427]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.top-user-bar[data-v-64dd4879]{background:#fff;padding:10px 18px;border-bottom:1px solid rgba(226,232,240,.7);display:flex;justify-content:space-between;align-items:center;font-size:13px}.user-badge-info[data-v-64dd4879]{display:flex;align-items:center;gap:8px;color:#334155;font-weight:700}.user-avatar[data-v-64dd4879]{width:28px;height:28px;border-radius:50%;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:14px}.user-name-text[data-v-64dd4879]{font-size:13px;font-weight:800;color:#0f172a}.online-pill[data-v-64dd4879]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:#ecfdf5;color:#059669;font-size:10px;font-weight:700;border:1px solid #a7f3d0}.online-dot[data-v-64dd4879]{width:5px;height:5px;border-radius:50%;background:#10b981}.logout-action-btn[data-v-64dd4879]{background:#f8fafc;border:1px solid #e2e8f0;padding:5px 12px;border-radius:8px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.logout-action-btn[data-v-64dd4879]:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.main-content-view[data-v-64dd4879]{flex:1;width:100%}.logout-modal-mask[data-v-64dd4879]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.logout-modal-card[data-v-64dd4879]{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:22px 20px;box-shadow:0 20px 40px #00000040;animation:pop-dialog-64dd4879 .2s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-dialog-64dd4879{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:root{--primary: #4f46e5;--primary-light: #6366f1;--success: #059669;--success-light: #10b981;--warning: #d97706;--warning-light: #f59e0b;--card-radius: 18px;--btn-radius: 14px}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;background:#f1f5f9;color:#0f172a;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.responsive-app-wrapper{width:100%;max-width:1360px;min-height:100vh;margin:0 auto;background:#f8fafc;display:flex;flex-direction:column;position:relative;box-shadow:0 0 50px #0f172a0d;padding-bottom:calc(76px + env(safe-area-inset-bottom,16px))}@media (min-width: 768px){.responsive-app-wrapper{background:#fff;padding-bottom:36px}}.app-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:30}.header-brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 6px 16px #4f46e547}.brand-info h1{font-size:16px;font-weight:900;color:#0f172a;letter-spacing:-.3px;line-height:1.2}.brand-info p{font-size:11px;color:#64748b;margin-top:2px;font-weight:500}.card-box{background:#fff;border-radius:var(--card-radius);border:1px solid rgba(226,232,240,.9);padding:18px;box-shadow:0 4px 20px -2px #0f172a0a,0 2px 6px -1px #0f172a05;transition:all .2s ease}.scan-input-row{display:flex;gap:10px;margin-top:10px}.input-container{position:relative;flex:1}.scan-input{width:100%;padding:13px 38px 13px 16px;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:var(--btn-radius);font-size:15px;font-family:JetBrains Mono,monospace;font-weight:700;color:#0f172a;outline:none;transition:all .2s ease}.scan-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.btn-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#64748b;border:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-clear:hover{background:#cbd5e1;color:#334155}.btn-confirm{padding:0 22px;height:50px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:14px;font-weight:800;border-radius:var(--btn-radius);border:none;cursor:pointer;box-shadow:0 6px 18px #4f46e54d;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-confirm:hover{filter:brightness(1.05);box-shadow:0 8px 22px #4f46e566}.btn-confirm:active{transform:scale(.96)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.hero-card-sorting{background:linear-gradient(140deg,#1e3a8a,#2563eb 60%,#3b82f6);color:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px -4px #2563eb73;position:relative;overflow:hidden}.hero-card-complete{background:linear-gradient(140deg,#064e3b,#059669 60%,#10b981);color:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 35px -4px #10b98180;position:relative;overflow:hidden;animation:glow-breathe 2.5s infinite ease-in-out}.hero-card-single{background:linear-gradient(140deg,#581c87,#7c3aed 60%,#a855f7);color:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px -4px #9333ea73;position:relative;overflow:hidden}@keyframes glow-breathe{0%,to{box-shadow:0 12px 30px -4px #10b98173}50%{box-shadow:0 14px 40px 2px #10b981b3}}.hero-tag{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border-radius:9999px;background:#ffffff38;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:800;letter-spacing:.2px;border:1px solid rgba(255,255,255,.2)}.hero-grid-num{font-size:54px;font-weight:900;letter-spacing:-1.5px;font-family:JetBrains Mono,sans-serif;margin:6px 0 10px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}@media (min-width: 768px){.hero-grid-num{font-size:68px}}.hero-progress-box{background:#0000002e;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:14px 16px;margin-top:12px}.progress-bar-bg{width:100%;height:9px;background:#00000047;border-radius:9999px;overflow:hidden;margin:8px 0}.progress-bar-fill{height:100%;background:#fff;border-radius:9999px;box-shadow:0 0 12px #fffc;transition:width .4s cubic-bezier(.4,0,.2,1)}.btn-pack-complete{width:100%;padding:15px;background:#fff;color:#065f46;font-size:15px;font-weight:900;border:none;border-radius:16px;box-shadow:0 8px 24px #0003;cursor:pointer;margin-top:14px;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-pack-complete:hover{background:#f0fdf4;transform:translateY(-1px)}.btn-pack-complete:active{transform:scale(.97)}.gift-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fcd34d;border-radius:var(--card-radius);padding:16px;box-shadow:0 4px 16px #f59e0b14}.gift-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fffffff2;border:1px solid #fde68a;border-radius:12px;margin-top:6px;font-size:13px;box-shadow:0 2px 6px #f59e0b0a}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom,16px));padding-bottom:env(safe-area-inset-bottom,16px);background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(226,232,240,.8);display:flex;justify-content:center;z-index:50;box-shadow:0 -4px 20px #00000008}.tab-bar-container{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-around;height:64px;padding:0 16px}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px 0;border-radius:14px;transition:all .2s ease}.tab-btn.active{color:#4f46e5}.tab-btn.active .tab-btn-icon-box{background:#eef2ff;color:#4f46e5;transform:scale(1.08)}.tab-btn-icon-box{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tab-btn-text{font-size:11px;font-weight:800;letter-spacing:.1px}.responsive-grid-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}@media (max-width: 350px){.responsive-grid-matrix{grid-template-columns:repeat(3,1fr);gap:6px}}@media (min-width: 640px){.responsive-grid-matrix{grid-template-columns:repeat(6,1fr);gap:10px}}@media (min-width: 1024px){.responsive-grid-matrix{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}}.grid-cell{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:10px 8px;min-height:72px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px #00000005}.grid-cell:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.grid-cell:active{transform:scale(.95)}.grid-cell.complete{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:#10b981;box-shadow:0 4px 14px #10b98159}.grid-cell.sorting{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#3b82f6;box-shadow:0 4px 14px #2563eb59}.grid-cell.idle{background:#fff;color:#334155;border-color:#e2e8f0}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.drawer-mask{align-items:center;padding:20px}}.drawer-content{width:100%;max-width:520px;max-height:88vh;background:#fff;border-top-left-radius:26px;border-top-right-radius:26px;padding:22px 20px calc(24px + env(safe-area-inset-bottom,16px)) 20px;overflow-y:auto;box-shadow:0 -10px 40px #0003;animation:slide-up .25s cubic-bezier(.32,.72,0,1)}@media (min-width: 640px){.drawer-content{border-radius:26px;padding:26px;box-shadow:0 20px 60px #0000004d;animation:pop-center .25s cubic-bezier(.34,1.56,.64,1)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop-center{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}