.app-shell[data-v-cbfc4ee9]{display:flex;flex-direction:column;height:100%}.nav[data-v-cbfc4ee9]{display:flex;align-items:center;gap:24px;padding:0 20px;height:48px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}@media (min-width: 1920px){.nav[data-v-cbfc4ee9]{height:54px;padding:0 32px;gap:32px}.nav-brand[data-v-cbfc4ee9]{font-size:20px}.nav-logo[data-v-cbfc4ee9]{height:32px;width:32px}.nav-links a[data-v-cbfc4ee9]{font-size:14px;padding:7px 14px}}@media (min-width: 2560px){.nav[data-v-cbfc4ee9]{height:60px;padding:0 48px;gap:40px}.nav-brand[data-v-cbfc4ee9]{font-size:22px}.nav-logo[data-v-cbfc4ee9]{height:36px;width:36px}.nav-links a[data-v-cbfc4ee9]{font-size:15px;padding:8px 16px}.session-btn[data-v-cbfc4ee9]{font-size:14px;padding:5px 14px}.theme-toggle[data-v-cbfc4ee9]{font-size:16px;padding:5px 12px}}@media (max-width: 768px){.nav[data-v-cbfc4ee9]{flex-wrap:wrap;height:auto;padding:0 12px;gap:0}.nav-brand[data-v-cbfc4ee9]{padding:10px 0;flex:1}.nav-session[data-v-cbfc4ee9]{padding:6px 0;margin-left:0;margin-right:0;gap:4px}.theme-toggle[data-v-cbfc4ee9]{margin-left:6px}.nav-links[data-v-cbfc4ee9]{order:3;width:100%;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px;gap:0;border-top:1px solid var(--border);flex-wrap:nowrap}.nav-links[data-v-cbfc4ee9]::-webkit-scrollbar{display:none}.nav-links a[data-v-cbfc4ee9]{white-space:nowrap;padding:6px 10px;font-size:12px}}.nav-brand[data-v-cbfc4ee9]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;font-style:italic;color:var(--text-heading);letter-spacing:.02em}.nav-logo[data-v-cbfc4ee9]{height:28px;width:28px;object-fit:cover;border-radius:6px}.nav-links[data-v-cbfc4ee9]{display:flex;gap:2px}.nav-links a[data-v-cbfc4ee9]{padding:6px 12px;border-radius:4px;color:var(--text-muted);text-decoration:none;font-size:var(--tfs, 13px);font-weight:500;transition:color .1s,background .1s}.nav-links a[data-v-cbfc4ee9]:hover,.nav-links a.router-link-active[data-v-cbfc4ee9]{color:var(--text-heading);background:var(--surface-2)}.nav-session[data-v-cbfc4ee9]{display:flex;align-items:center;margin-left:auto;margin-right:8px}.session-btn[data-v-cbfc4ee9]{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:none;color:var(--text-muted);text-decoration:none;transition:color .1s,border-color .1s;line-height:1.6}.session-btn[data-v-cbfc4ee9]:hover{color:var(--text-heading);border-color:var(--accent)}.session-sync.sync-ok[data-v-cbfc4ee9]{color:var(--buy-green-fg);border-color:var(--buy-green-fg);background:#22c55e1a}.session-sync.sync-stale[data-v-cbfc4ee9]{color:var(--warn);border-color:var(--warn);background:#f973161a}.session-sync.sync-fail[data-v-cbfc4ee9]{color:var(--sell-red-fg);border-color:var(--sell-red-fg);background:#ef44441a}.session-sync[data-v-cbfc4ee9]:disabled{opacity:.6;cursor:not-allowed}.session-logout[data-v-cbfc4ee9]{margin-left:4px}.session-logout[data-v-cbfc4ee9]:hover{color:var(--sell);border-color:var(--sell)}.sync-wrapper[data-v-cbfc4ee9]{position:relative}.sync-popup[data-v-cbfc4ee9]{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0000002e;z-index:200;overflow:hidden}.sync-popup-header[data-v-cbfc4ee9]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border)}.sync-popup-close[data-v-cbfc4ee9]{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:0 2px;line-height:1;border-radius:3px}.sync-popup-close[data-v-cbfc4ee9]:hover{color:var(--text-heading);background:var(--surface-2)}.sync-popup-row[data-v-cbfc4ee9]{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;border-bottom:1px solid var(--border)}.sync-popup-row[data-v-cbfc4ee9]:last-child{border-bottom:none}.sync-row-ok[data-v-cbfc4ee9]{color:var(--buy-green-fg)}.sync-row-stale[data-v-cbfc4ee9]{color:var(--warn)}.sync-row-fail[data-v-cbfc4ee9]{color:var(--sell-red-fg)}.sync-row-never[data-v-cbfc4ee9]{color:var(--text-muted)}.sync-row-icon[data-v-cbfc4ee9]{width:14px;flex-shrink:0;font-size:11px}.sync-row-name[data-v-cbfc4ee9]{min-width:72px;font-weight:500;color:var(--text-muted)}.sync-row-detail[data-v-cbfc4ee9]{color:var(--text);flex:1}.sync-row-ok .sync-row-detail[data-v-cbfc4ee9]{color:var(--buy-green-fg)}.sync-row-stale .sync-row-detail[data-v-cbfc4ee9]{color:var(--warn)}.sync-row-fail .sync-row-detail[data-v-cbfc4ee9]{color:var(--sell-red-fg)}.sync-row-never .sync-row-detail[data-v-cbfc4ee9]{color:var(--text-muted)}.sync-row-time[data-v-cbfc4ee9]{font-size:11px;color:var(--text-muted);white-space:nowrap;margin-left:8px}.spin[data-v-cbfc4ee9]{display:inline-block;animation:spin-cbfc4ee9 1s linear infinite}@keyframes spin-cbfc4ee9{to{transform:rotate(360deg)}}.theme-toggle[data-v-cbfc4ee9]{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:3px 9px;line-height:1;transition:color .1s,border-color .1s}.theme-toggle[data-v-cbfc4ee9]:hover{color:var(--text-heading);border-color:var(--accent)}.session-checking[data-v-cbfc4ee9]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.main-content[data-v-cbfc4ee9]{flex:1;overflow:auto;padding:12px 16px;position:relative}@media (min-width: 1920px){.main-content[data-v-cbfc4ee9]{padding:20px 32px}}@media (min-width: 2560px){.main-content[data-v-cbfc4ee9]{padding:28px 48px}}@media (max-width: 768px){.main-content[data-v-cbfc4ee9]{padding:10px}}@media (max-width: 480px){.main-content[data-v-cbfc4ee9]{padding:8px}}.main-content[data-v-cbfc4ee9]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://cdn-icons-png.flaticon.com/512/141/141714.png) no-repeat center center;background-size:40vmin;opacity:.1;pointer-events:none;z-index:0}:root,[data-theme=dark]{--bg: #1b1c1e;--surface: #262729;--surface-2: #2f3032;--border: #3a3b3d;--text: #d1d5db;--text-muted: #6b7280;--text-heading: #f3f4f6;--buy-green: #388e3c;--buy-green-fg: #4caf50;--sell-red: #d32f2f;--sell-red-fg: #ef5350;--accent: #387ed1;--accent-hover: #4b8ee8;--warn: #f59e0b}[data-theme=sepia]{--bg: #f4ecd8;--surface: #fdf8ef;--surface-2: #ede4ca;--border: #cdb891;--text: #433422;--text-muted: #8b7a5e;--text-heading: #2d1e0a;--buy-green: #3d6b2e;--buy-green-fg: #4a8a38;--sell-red: #8b2e1a;--sell-red-fg: #c04030;--accent: #7c5f1a;--accent-hover: #9a7624;--warn: #c47a12}[data-theme=hc]{--bg: #000000;--surface: #0d0d0d;--surface-2: #1a1a1a;--border: #555555;--text: #f0f0f0;--text-muted: #aaaaaa;--text-heading: #ffffff;--buy-green: #008800;--buy-green-fg: #00dd00;--sell-red: #cc0000;--sell-red-fg: #ff4444;--accent: #0099ff;--accent-hover: #33bbff;--warn: #ffbb00}[data-theme=nord]{--bg: #2e3440;--surface: #3b4252;--surface-2: #434c5e;--border: #4c566a;--text: #d8dee9;--text-muted: #81a1c1;--text-heading: #eceff4;--buy-green: #5a8f6e;--buy-green-fg: #a3be8c;--sell-red: #9a4a52;--sell-red-fg: #bf616a;--accent: #88c0d0;--accent-hover: #8fbcbb;--warn: #ebcb8b}[data-theme=ocean]{--bg: #0f1923;--surface: #162231;--surface-2: #1d2d40;--border: #263d56;--text: #c0d8f0;--text-muted: #6a90b0;--text-heading: #e0f0ff;--buy-green: #1a6e45;--buy-green-fg: #22c47a;--sell-red: #7a2020;--sell-red-fg: #e05050;--accent: #2196f3;--accent-hover: #42a5f5;--warn: #ffa726}[data-theme=forest]{--bg: #1a2416;--surface: #22301d;--surface-2: #2a3d25;--border: #3d5634;--text: #c8d8c0;--text-muted: #7a9870;--text-heading: #e8f0e0;--buy-green: #3d8b3d;--buy-green-fg: #56b856;--sell-red: #8b3030;--sell-red-fg: #d44444;--accent: #6ab04c;--accent-hover: #82d460;--warn: #d4a030}[data-theme=light]{--bg: #f4f5f6;--surface: #ffffff;--surface-2: #eef0f2;--border: #e2e4e7;--text: #1f2937;--text-muted: #6b7280;--text-heading: #111827;--buy-green: #166534;--buy-green-fg: #16a34a;--sell-red: #991b1b;--sell-red-fg: #dc2626;--accent: #2563eb;--accent-hover: #1d4ed8;--warn: #d97706}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,Inter,-apple-system,sans-serif;font-size:clamp(13px,.47vw + 9.4px,18px);line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}.num,td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.01em}.positive{color:var(--buy-green-fg)}.negative{color:var(--sell-red-fg)}.muted{color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{text-align:left;font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:4px 0;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}td{padding:3px 0;font-size:var(--tfs, 13px);border-bottom:1px solid var(--border)}tr:hover td{background:var(--surface-2)}button,.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}button:hover,.btn:hover{background:var(--surface-2);border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.badge{display:inline-block;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-buy{background:#388e3c33;color:var(--buy-green-fg)}.badge-sell{background:#d32f2f33;color:var(--sell-red-fg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page{width:100%}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table-scroll::-webkit-scrollbar{height:4px}@media (min-width: 2560px){th{font-size:13px;padding:6px 0}td{padding:5px 0}}@media (max-width: 480px){html,body{font-size:13px}}