.network-badge[data-v-563e7b99]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.network-badge.online[data-v-563e7b99]{background:#dcfce7;color:#166534}.network-badge.offline[data-v-563e7b99]{background:#fee2e2;color:#991b1b}.dot[data-v-563e7b99]{width:8px;height:8px;border-radius:50%}.online .dot[data-v-563e7b99]{background:#22c55e}.offline .dot[data-v-563e7b99]{background:#ef4444}.sync-status[data-v-2e1e3294]{font-size:11px;padding:2px 8px;border-radius:8px;white-space:nowrap}.syncing[data-v-2e1e3294]{color:#2563eb;background:#dbeafe}.pending[data-v-2e1e3294]{color:#d97706;background:#fef3c7}.error[data-v-2e1e3294]{color:#dc2626;background:#fee2e2}.last-sync[data-v-2e1e3294]{color:#6b7280;background:#f3f4f6}.app-header[data-v-c58c99d4]{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0}.update-banner[data-v-c58c99d4]{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:#2563eb;color:#fff;font-size:13px;font-weight:600}.update-btn[data-v-c58c99d4]{padding:4px 12px;border:1px solid #fff;border-radius:6px;background:transparent;color:#fff;font-size:12px;cursor:pointer;min-height:32px}.update-btn[data-v-c58c99d4]:active{background:#fff3}.header-main[data-v-c58c99d4]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.app-title[data-v-c58c99d4]{font-size:18px;font-weight:700;margin:0}.header-right[data-v-c58c99d4]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-info[data-v-c58c99d4]{font-size:13px;color:#666}.mode-toggle-btn[data-v-c58c99d4]{padding:4px 10px;border:1px solid #16a34a;border-radius:12px;background:#dcfce7;color:#166534;font-size:12px;font-weight:600;cursor:pointer;min-height:28px}.mode-toggle-btn.offline[data-v-c58c99d4]{border-color:#d97706;background:#fef3c7;color:#92400e}.mode-toggle-btn[data-v-c58c99d4]:disabled{opacity:.5;cursor:not-allowed}.mode-toggle-btn[data-v-c58c99d4]:active:not(:disabled){filter:brightness(.9)}.sync-btn[data-v-c58c99d4]{padding:6px 12px;border:1px solid #2563eb;border-radius:6px;background:#fff;color:#2563eb;font-size:13px;cursor:pointer;min-height:32px}.sync-btn[data-v-c58c99d4]:disabled{opacity:.5;cursor:not-allowed}.sync-btn[data-v-c58c99d4]:active:not(:disabled){background:#2563eb;color:#fff}.reload-btn[data-v-c58c99d4]{padding:6px 12px;border:1px solid #6b7280;border-radius:6px;background:#fff;color:#6b7280;font-size:13px;cursor:pointer;min-height:32px}.reload-btn[data-v-c58c99d4]:active{background:#6b7280;color:#fff}.logout-btn[data-v-c58c99d4]{padding:6px 12px;border:1px solid #dc2626;border-radius:6px;background:#fff;color:#dc2626;font-size:13px;cursor:pointer;min-height:32px}.logout-btn[data-v-c58c99d4]:active{background:#dc2626;color:#fff}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;z-index:9999;box-shadow:0 4px 12px #00000026}.toast.success{background:#dcfce7;color:#166534}.toast.warning{background:#fef3c7;color:#92400e}.toast.info{background:#dbeafe;color:#1e40af}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1a1a1a;background-color:#f5f5f5;-webkit-font-smoothing:antialiased}button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}