.panel[data-v-7e9bb0e8]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-7e9bb0e8]{display:flex;justify-content:space-between;align-items:center}.clients-grid[data-v-7e9bb0e8],.servers[data-v-7e9bb0e8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card[data-v-7e9bb0e8]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}h3[data-v-7e9bb0e8],p[data-v-7e9bb0e8]{margin:0 0 .45rem}ul[data-v-7e9bb0e8]{margin:.45rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}button[data-v-7e9bb0e8]{border:0;border-radius:10px;background:#1061ff;color:#fff;font-weight:600;padding:.58rem .82rem;cursor:pointer}button[data-v-7e9bb0e8]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-7e9bb0e8]{background:#24364d}.action-btn[data-v-7e9bb0e8]{width:100%}.panel[data-v-c921ab53]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-c921ab53]{display:flex;justify-content:space-between;align-items:center}.clients-grid[data-v-c921ab53],.servers[data-v-c921ab53]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card[data-v-c921ab53]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}h3[data-v-c921ab53],p[data-v-c921ab53]{margin:0 0 .45rem}ul[data-v-c921ab53]{margin:.45rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}button[data-v-c921ab53]{border:0;border-radius:10px;background:#1061ff;color:#fff;font-weight:600;padding:.58rem .82rem;cursor:pointer}button[data-v-c921ab53]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-c921ab53]{background:#24364d}.action-btn[data-v-c921ab53]{width:100%}.panel[data-v-8d7725aa]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-8d7725aa]{display:flex;justify-content:space-between;align-items:center}.clients-grid[data-v-8d7725aa],.servers[data-v-8d7725aa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card[data-v-8d7725aa]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}h3[data-v-8d7725aa],p[data-v-8d7725aa]{margin:0 0 .45rem}ul[data-v-8d7725aa]{margin:.45rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}button[data-v-8d7725aa]{border:0;border-radius:10px;background:#1061ff;color:#fff;font-weight:600;padding:.58rem .82rem;cursor:pointer}button[data-v-8d7725aa]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-8d7725aa]{background:#24364d}.action-btn[data-v-8d7725aa]{width:100%}.panel[data-v-89919e99]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-89919e99]{display:flex;justify-content:space-between;align-items:center}.clients-grid[data-v-89919e99],.servers[data-v-89919e99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card[data-v-89919e99]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}h3[data-v-89919e99],p[data-v-89919e99]{margin:0 0 .45rem}ul[data-v-89919e99]{margin:.45rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}button[data-v-89919e99]{border:0;border-radius:10px;background:#1061ff;color:#fff;font-weight:600;padding:.58rem .82rem;cursor:pointer}button[data-v-89919e99]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-89919e99]{background:#24364d}.action-btn[data-v-89919e99]{width:100%}.panel[data-v-3bffc081]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-3bffc081]{display:flex;justify-content:space-between;align-items:center}.mapping[data-v-3bffc081]{display:flex;flex-wrap:wrap;gap:.6rem;font-family:IBM Plex Mono,monospace;font-size:.82rem}.explain[data-v-3bffc081]{border-color:#cfe0fb;background:#f4f8ff}.clients-grid[data-v-3bffc081],.servers[data-v-3bffc081]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card[data-v-3bffc081]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}h3[data-v-3bffc081],p[data-v-3bffc081]{margin:0 0 .45rem}ul[data-v-3bffc081]{margin:.45rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}button[data-v-3bffc081]{border:0;border-radius:10px;background:#1061ff;color:#fff;font-weight:600;padding:.58rem .82rem;cursor:pointer}button[data-v-3bffc081]:disabled{opacity:.5;cursor:not-allowed}.reset-btn[data-v-3bffc081]{background:#24364d}.action-btn[data-v-3bffc081]{width:100%}.secondary[data-v-3bffc081]{background:#315b9b}.panel[data-v-1e2a8fe4]{border:1px solid #d8e2f0;border-radius:16px;background:#ffffffd9;padding:1rem;display:grid;gap:.9rem}.header-row[data-v-1e2a8fe4]{display:flex;justify-content:space-between;align-items:center}.card[data-v-1e2a8fe4]{border-radius:12px;border:1px solid #e2e9f3;background:#fff;padding:.85rem}.explain[data-v-1e2a8fe4]{border-color:#cfe0fb;background:#f4f8ff}.db-grid[data-v-1e2a8fe4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.35rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}.controls[data-v-1e2a8fe4]{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.trees[data-v-1e2a8fe4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.level-block[data-v-1e2a8fe4]{margin-bottom:.5rem}h3[data-v-1e2a8fe4],p[data-v-1e2a8fe4]{margin:0 0 .45rem}ul[data-v-1e2a8fe4]{margin:.35rem 0 0;padding-left:1rem;font-family:IBM Plex Mono,monospace;font-size:.82rem}.target[data-v-1e2a8fe4]{color:#0a4eb8;font-weight:700}button[data-v-1e2a8fe4],select[data-v-1e2a8fe4]{border:1px solid #cedff8;border-radius:10px;padding:.5rem .7rem;font-weight:600}button[data-v-1e2a8fe4]{background:#1061ff;border-color:#1061ff;color:#fff;cursor:pointer}.reset-btn[data-v-1e2a8fe4]{background:#24364d;border-color:#24364d}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 20%,#e6f1ff,#f8fbff 45%,#fff);color:#122033}.app-layout[data-v-87c97b04]{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2.5rem;display:grid;gap:1.2rem}.topbar[data-v-87c97b04]{padding:1rem;border-radius:18px;background:linear-gradient(120deg,#d6f5e4,#d8e9ff);border:1px solid #d2dfef}.topbar h1[data-v-87c97b04]{margin:0;font-size:clamp(1.3rem,2vw,1.8rem)}.tabs[data-v-87c97b04]{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.75rem}button[data-v-87c97b04]{text-decoration:none;color:#18314d;background:#edf4ff;border:1px solid #cedff8;padding:.45rem .7rem;border-radius:10px;font-weight:600;cursor:pointer}button.active[data-v-87c97b04]{color:#fff;background:#1061ff;border-color:#1061ff}
