:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{min-height:100vh}.layout[data-v-ef25b2b4]{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.topbar[data-v-ef25b2b4]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.topbar-brand[data-v-ef25b2b4]{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.brand-icon[data-v-ef25b2b4]{width:22px;height:22px}.brand-name[data-v-ef25b2b4]{letter-spacing:-.3px;color:var(--color-heading);font-size:15px;font-weight:600}.topbar-right[data-v-ef25b2b4]{align-items:center;gap:16px;display:flex}.order-btn[data-v-ef25b2b4]{color:var(--color-text);opacity:.5;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .15s}.order-btn[data-v-ef25b2b4]:hover{opacity:1}.empty-state[data-v-ef25b2b4]{flex-direction:column;align-items:center;gap:8px;padding:80px 0;display:flex}.empty-title[data-v-ef25b2b4]{color:var(--color-heading);font-size:15px;font-weight:500}.empty-sub[data-v-ef25b2b4]{color:var(--color-text);opacity:.45;font-size:13px}.empty-order-btn[data-v-ef25b2b4]{border:1px solid var(--color-border);background:var(--color-background-soft);color:var(--color-heading);border-radius:8px;margin-top:16px;padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s}.empty-order-btn[data-v-ef25b2b4]:hover{color:#6ee7b7;border-color:#6ee7b7}.user-menu[data-v-ef25b2b4]{cursor:pointer;position:relative}.user-avatar[data-v-ef25b2b4]{object-fit:cover;border-radius:50%;width:30px;height:30px;display:block}.user-avatar-fallback[data-v-ef25b2b4]{background:var(--color-background-soft);border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-heading);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-dropdown[data-v-ef25b2b4]{background:var(--color-background-soft);border:1px solid var(--color-border);z-index:100;border-radius:10px;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0003}.user-dropdown-email[data-v-ef25b2b4]{color:var(--color-text);opacity:.5;border-bottom:1px solid var(--color-border);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding:6px 10px 8px;font-size:12px;overflow:hidden}.user-dropdown-signout[data-v-ef25b2b4]{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;transition:background .15s}.user-dropdown-signout[data-v-ef25b2b4]:hover{background:var(--color-background)}.content[data-v-ef25b2b4]{flex:1;width:100%;max-width:960px;margin:0 auto;padding:40px 24px}.page-head[data-v-ef25b2b4]{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}h2[data-v-ef25b2b4]{color:var(--color-heading);font-size:20px;font-weight:600}.page-sub[data-v-ef25b2b4]{color:var(--color-text);opacity:.45;margin-top:2px;font-size:13px}.add-btn[data-v-ef25b2b4]{border:1px solid var(--color-border);background:var(--color-background-soft);color:var(--color-heading);cursor:pointer;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s}.add-btn[data-v-ef25b2b4]:hover{border-color:var(--color-border-hover)}.state-msg[data-v-ef25b2b4]{text-align:center;color:var(--color-text);opacity:.4;padding:80px 0;font-size:14px}.state-hint[data-v-ef25b2b4]{margin-top:6px;font-size:13px}.grid[data-v-ef25b2b4]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.card[data-v-ef25b2b4]{border:1px solid var(--color-border);background:var(--color-background-soft);border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s;display:flex}.card[data-v-ef25b2b4]:hover{border-color:var(--color-border-hover)}.card-head[data-v-ef25b2b4]{align-items:center;gap:6px;display:flex}.status-dot[data-v-ef25b2b4]{background:var(--color-border-hover);border-radius:50%;width:7px;height:7px}.status-dot.online[data-v-ef25b2b4]{background:#6ee7b7}.status-label[data-v-ef25b2b4]{color:var(--color-text);opacity:.5;font-size:12px}.card.online .status-label[data-v-ef25b2b4]{color:#6ee7b7;opacity:1}.card-sn[data-v-ef25b2b4]{color:var(--color-heading);letter-spacing:.02em;margin-top:4px;font-size:15px;font-weight:600}.card-model[data-v-ef25b2b4]{color:var(--color-text);opacity:.45;font-size:12px}.card-foot[data-v-ef25b2b4]{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.lan-addrs[data-v-ef25b2b4]{flex-wrap:wrap;gap:4px;display:flex}.lan-btn[data-v-ef25b2b4]{color:#6ee7b7;cursor:pointer;background:0 0;border:1px solid #6ee7b7;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s}.lan-btn[data-v-ef25b2b4]:hover{background:#6ee7b71a}.last-active[data-v-ef25b2b4]{color:var(--color-text);opacity:.35;font-size:11px}.connect-btn[data-v-ef25b2b4]{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-heading);cursor:pointer;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.connect-btn[data-v-ef25b2b4]:hover:not(:disabled){color:#6ee7b7;border-color:#6ee7b7}.connect-btn[data-v-ef25b2b4]:disabled{opacity:.3;cursor:not-allowed}.modal-overlay[data-v-ef25b2b4]{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-ef25b2b4]{background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:32px;display:flex}.modal h3[data-v-ef25b2b4]{color:var(--color-heading);font-size:16px;font-weight:600}.modal-sub[data-v-ef25b2b4]{color:var(--color-text);opacity:.5;margin-top:-4px;font-size:13px}.modal input[data-v-ef25b2b4]{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-heading);border-radius:7px;outline:none;margin-top:4px;padding:9px 12px;font-size:14px}.modal input[data-v-ef25b2b4]:focus{border-color:#6ee7b7}.bind-error[data-v-ef25b2b4]{color:#f87171;font-size:12px}.modal-actions[data-v-ef25b2b4]{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-cancel[data-v-ef25b2b4]{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:7px;padding:7px 16px;font-size:13px}.modal-confirm[data-v-ef25b2b4]{color:#0f172a;cursor:pointer;background:#6ee7b7;border:none;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:opacity .15s}.modal-confirm[data-v-ef25b2b4]:disabled{opacity:.45;cursor:not-allowed}