:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f0eee8;--border:#e2e0d8;--border-2:#ccc9bf;--text:#1a1917;--text-2:#4b4844;--text-3:#6b6963;--text-inv:#fff;--accent:#b45309;--accent-l:#fef3c7;--accent-d:#92400e;--accent-hover:#a34608;--success:#059669;--success-l:#d1fae5;--success-d:#065f46;--danger:#dc2626;--danger-l:#fee2e2;--danger-d:#991b1b;--warn:#d97706;--warn-l:#fef3c7;--warn-d:#92400e;--info:#2563eb;--info-l:#dbeafe;--info-d:#1e40af;--purple:#7c3aed;--purple-l:#ede9fe;--purple-d:#5b21b6;--sidebar-w:210px;--topbar-h:52px;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--nav-bg:#1a1917;--nav-text:#e8e6e0;--nav-muted:#888480;--nav-active:#f59e0b;--nav-hover-bg:#2a2927;--nav-border:#2f2e2c}.dark{--bg:#111110;--surface:#1c1b1a;--surface-2:#252422;--border:#2f2e2c;--border-2:#3d3c3a;--text:#f0eee8;--text-2:#b8b5ae;--text-3:#888480}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;overflow:hidden;height:100dvh}h1{font-size:22px}h1,h2{font-weight:600}h2{font-size:18px}h3{font-size:15px;font-weight:600}p{line-height:1.6}.label-xs{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.85em}.app-shell{height:100dvh}.app-shell,.main-area{display:flex;overflow:hidden}.main-area{flex:1;flex-direction:column;min-width:0}.page-scroll{flex:1;overflow-y:auto;padding:20px 22px;scroll-behavior:smooth}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-body{padding:16px}.card-header{justify-content:space-between;padding:12px 16px;border-bottom:.5px solid var(--border);gap:12px}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:13px;font-weight:600;gap:7px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-d)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--accent)}.btn-ghost:hover:not(:disabled){background:var(--accent-l)}.btn-sm{padding:4px 10px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.btn-icon{padding:7px;border-radius:var(--radius-sm)}.btn-icon.btn-sm{padding:5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-success{background:var(--success-l);color:var(--success-d)}.badge-danger{background:var(--danger-l);color:var(--danger-d)}.badge-warn{background:var(--warn-l);color:var(--warn-d)}.badge-info{background:var(--info-l);color:var(--info-d)}.badge-purple{background:var(--purple-l);color:var(--purple-d)}.badge-neutral{background:var(--surface-2);color:var(--text-3);border:.5px solid var(--border)}.badge-accent{background:var(--accent-l);color:var(--accent-d)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select,.form-textarea{padding:8px 10px;border:.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;transition:border-color .12s,box-shadow .12s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b453091a}.form-input:-moz-read-only{background:var(--bg);color:var(--text-3)}.form-input:read-only{background:var(--bg);color:var(--text-3)}.form-hint{font-size:11px;color:var(--text-3)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:8px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);background:var(--bg);white-space:nowrap}.data-table td,.data-table th{border-bottom:.5px solid var(--border)}.data-table td{padding:9px 12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2)}.data-table tbody tr.row-selected td,.serial-chip{background:var(--accent-l)}.serial-chip{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--accent-d);padding:2px 7px;border-radius:4px;display:inline-block}.alert{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;border:.5px solid transparent}.alert-success{background:var(--success-l);border-color:#6ee7b7;color:var(--success-d)}.alert-danger{background:var(--danger-l);border-color:#fca5a5;color:var(--danger-d)}.alert-warn{background:var(--warn-l);border-color:#fde68a;color:var(--warn-d)}.alert-info{background:var(--info-l);border-color:#bfdbfe;color:var(--info-d)}.divider{height:.5px;background:var(--border)}.section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto{display:grid;gap:12px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1;min-width:0}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--text-3)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:SF Mono,Fira Code,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.sync-dot.online{background:var(--success)}.sync-dot.offline{background:var(--danger)}.sync-dot.syncing{animation:pulse-dot 1s infinite}.sync-dot.pending,.sync-dot.syncing{background:var(--warn)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .12s,transform .12s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--text)}.progress-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .35s ease}.progress-fill.success{background:var(--success)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-3);gap:10px}.empty-state .icon{font-size:36px;opacity:.3}.empty-state p{font-size:13px;max-width:280px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:.5px solid var(--border)}.modal-body{padding:18px}.modal-footer{padding:12px 18px;border-top:.5px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.toast-container{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;max-width:340px;pointer-events:auto;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast-success{background:#1a1917;color:#e8e6e0}.toast-error{background:var(--danger);color:#fff}.toast-warn{background:var(--warn-l);color:var(--warn-d);border:.5px solid #fde68a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .2s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(10px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.scan-input-wrap{display:flex;border:1.5px solid var(--accent);border-radius:var(--radius);overflow:hidden}.scan-input-wrap input{flex:1;padding:12px 16px;border:none;font-size:15px;background:var(--surface);color:var(--text)}.scan-input-wrap input:focus{outline:none}.scan-input-icon{width:48px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-value{font-size:28px;font-weight:600;line-height:1}.stat-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.stat-sub{font-size:11px;color:var(--text-3);margin-top:4px}.day-tabs{display:flex;gap:2px;background:var(--bg);border:.5px solid var(--border);border-radius:var(--radius-sm);padding:3px}.day-tab{padding:5px 14px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;color:var(--text-3);transition:all .12s}.day-tab.active,.step-badge{background:var(--accent);color:#fff}.step-badge{width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.offline-banner{background:var(--danger-l);border-bottom:.5px solid #fca5a5;padding:6px 22px;font-size:12px;color:var(--danger-d);display:flex;align-items:center;gap:8px}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-scroll{padding:14px}}.sidebar[data-v-989d7788]{width:var(--sidebar-w);flex-shrink:0;background:var(--nav-bg);display:flex;flex-direction:column;height:100dvh;overflow-y:auto}.sidebar-brand[data-v-989d7788]{padding:18px 14px 14px;border-bottom:.5px solid var(--nav-border)}.brand-name[data-v-989d7788]{font-size:14px;font-weight:600;color:var(--nav-text);margin-top:3px;line-height:1.3}.brand-meta[data-v-989d7788]{font-size:11px;color:var(--nav-muted);margin-top:3px}.event-code[data-v-989d7788]{font-family:monospace;color:var(--nav-active)}.sidebar-nav[data-v-989d7788]{flex:1;padding:8px 8px 4px}.nav-group[data-v-989d7788]{margin-bottom:4px}.nav-group-label[data-v-989d7788]{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nav-muted);padding:10px 8px 3px}.nav-item[data-v-989d7788]{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;color:var(--nav-muted);font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s}.nav-item[data-v-989d7788]:hover{background:var(--nav-hover-bg);color:var(--nav-text)}.nav-item.active[data-v-989d7788]{background:var(--nav-hover-bg);color:var(--nav-active)}.nav-icon[data-v-989d7788]{font-size:16px;flex-shrink:0}.sidebar-footer[data-v-989d7788]{padding:8px;border-top:.5px solid var(--nav-border)}.topbar[data-v-5e349de1]{height:var(--topbar-h);background:var(--surface);border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;flex-shrink:0}.topbar-title[data-v-5e349de1]{font-size:15px;font-weight:600}.topbar-left[data-v-5e349de1],.topbar-right[data-v-5e349de1]{display:flex;align-items:center;gap:10px}.sync-pill[data-v-5e349de1]{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;border:.5px solid var(--border);background:var(--surface);cursor:pointer;font-size:11px;font-weight:500;color:var(--text-3);transition:background .12s}.sync-pill[data-v-5e349de1]:hover:not(:disabled){background:var(--surface-2)}.sync-pill.offline[data-v-5e349de1]{border-color:#fca5a5;color:var(--danger-d);background:var(--danger-l)}.sync-pill.pending[data-v-5e349de1]{border-color:#fde68a;color:var(--warn-d)}.sync-label[data-v-5e349de1]{font-size:11px}.install-banner[data-v-46d7ffad]{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:.5px solid var(--border);box-shadow:var(--shadow-sm)}.toast-list-enter-active[data-v-d7a2741d],.toast-list-leave-active[data-v-d7a2741d]{transition:all .2s ease}.toast-list-enter-from[data-v-d7a2741d],.toast-list-leave-to[data-v-d7a2741d]{opacity:0;transform:translateY(8px)}