@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-app:#f9f6f0;--bg-surface:#fff;--bg-card:#fdfdfb;--bg-card-hover:#faf6f0;--primary:#5c3d2e;--primary-hover:#472e22;--primary-light:#f1ebe5;--accent:#d4af37;--accent-hover:#b89324;--accent-light:#faf4e0;--text-main:#2c2523;--text-muted:#6e6460;--text-light:#fff;--border:#ebdcd3;--border-light:#f5ede8;--shadow-sm:0 2px 8px #5c3d2e0a;--shadow-md:0 8px 24px #5c3d2e0f;--shadow-lg:0 16px 40px #5c3d2e1a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-serif:"Lora", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-male:#4a7c59;--color-male-light:#eaf2ec;--color-female:#c25977;--color-female-light:#fbf0f3;--color-deceased:#7a7a7a;--color-deceased-light:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#5c3d2e0a 1.2px,#0000 1.2px);background-size:32px 32px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--primary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.app-container{background-color:var(--bg-app);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow-y:auto}.overflow-y-auto{overflow-y:auto}.sekar-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sekar-card:hover{box-shadow:var(--shadow-md), 0 12px 24px #5c3d2e0f;border-color:var(--accent);transform:translateY(-4px)}.sekar-btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.sekar-btn-primary{background-color:var(--primary);color:var(--text-light)}.sekar-btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.sekar-btn-secondary{background-color:var(--bg-surface);color:var(--primary);border:1px solid var(--border)}.sekar-btn-secondary:hover{background-color:var(--primary-light);border-color:var(--primary)}.sekar-btn-accent{background-color:var(--accent);color:var(--text-main);font-weight:600}.sekar-btn-accent:hover{background-color:var(--accent-hover)}.sekar-btn-danger{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5}.sekar-btn-danger:hover{background-color:#fecaca}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-surface);padding:10px 14px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #5c3d2e26}.sekar-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-male{background-color:var(--color-male-light);color:var(--color-male)}.badge-female{background-color:var(--color-female-light);color:var(--color-female)}.badge-deceased{background-color:var(--color-deceased-light);color:var(--color-deceased)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#2c25238c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 20px 48px #5c3d2e1a;border:1px solid var(--border);background:#fffffff5;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:background-color .2s;display:flex}.close-btn:hover{background-color:var(--primary-light);color:var(--primary)}.modal-body{flex-direction:column;gap:24px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.tree-container{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;min-height:400px;padding:40px;display:flex;position:relative;overflow:auto}.tree-svg-links{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.tree-link{fill:none;stroke:var(--border);stroke-width:2px;transition:all .5s}.tree-link-active{stroke:var(--accent);stroke-width:3px;stroke-dasharray:6 4;filter:drop-shadow(0 0 3px #d4af3799);animation:25s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-1000px}}.node-card{z-index:2;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.node-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:scale(1.05)}.node-card-active{border-color:var(--accent);box-shadow:0 0 0 3px #d4af3740, var(--shadow-md)}.node-card.male{border-left:4px solid var(--color-male)}.node-card.female{border-left:4px solid var(--color-female)}.node-card.deceased{opacity:.85;border-left:4px solid var(--color-deceased)}.node-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);background-color:var(--bg-app);width:60px;height:60px;margin-bottom:8px}.node-avatar.male{border-color:var(--color-male)}.node-avatar.female{border-color:var(--color-female)}.node-name{font-family:var(--font-serif);color:var(--primary);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:2px;font-size:.95rem;font-weight:600;overflow:hidden}.node-lifespan{color:var(--text-muted);font-size:.75rem}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.tree-container-viewport[data-v-b346b0f2]{background-color:var(--bg-app);flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.tree-header-actions[data-v-b346b0f2]{background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.focus-title span[data-v-b346b0f2]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.focus-title h2[data-v-b346b0f2]{margin-top:-2px;font-size:1.5rem}.btn-sm[data-v-b346b0f2]{border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem}.tree-instructions[data-v-b346b0f2]{background-color:var(--primary-light);border-bottom:1px solid var(--border-light);color:var(--primary);flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-size:.85rem;display:flex}@media (width<=768px){.tree-header-actions[data-v-b346b0f2]{flex-direction:row;align-items:center;gap:8px;padding:12px 16px}}.outline-tree-container[data-v-b346b0f2]{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:24px 24px 120px;overflow-y:auto}.outline-tree-card[data-v-b346b0f2]{background-color:var(--bg-surface);padding:24px}.outline-tree-body[data-v-b346b0f2]{flex-direction:column;gap:8px;display:flex}.outline-tree-row-wrapper[data-v-b346b0f2]{padding-left:calc(var(--level) * 24px);width:100%;transition:padding-left .2s;position:relative}@media (width<=768px){.outline-tree-row-wrapper[data-v-b346b0f2]{padding-left:calc(var(--level) * 14px)}}.outline-tree-item[data-v-b346b0f2]{cursor:pointer;align-items:flex-start;gap:8px;padding:4px 0;display:flex}.outline-toggle-btn[data-v-b346b0f2]{color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:10px;padding:2px;transition:background-color .2s;display:flex}.outline-toggle-btn[data-v-b346b0f2]:hover{background-color:var(--border-light)}.outline-spacer-btn[data-v-b346b0f2]{flex-shrink:0;width:20px}.outline-node-card[data-v-b346b0f2]{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;gap:6px;min-width:0;padding:12px 16px;transition:all .2s;display:flex}.outline-node-card.male[data-v-b346b0f2]{border-left:4px solid var(--color-male)}.outline-node-card.female[data-v-b346b0f2]{border-left:4px solid var(--color-female)}.outline-tree-item:hover .outline-node-card[data-v-b346b0f2]{border-color:var(--primary);background-color:var(--primary-light);transform:translate(4px)}.outline-tree-item.item-active .outline-node-card[data-v-b346b0f2]{border-color:var(--accent);background-color:var(--accent-light);box-shadow:0 0 0 2px #d4af3733}.node-main-info[data-v-b346b0f2]{flex-direction:column;gap:2px;display:flex}.node-name-row[data-v-b346b0f2]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.outline-name[data-v-b346b0f2]{font-family:var(--font-serif);color:var(--text-main);font-size:1rem;font-weight:650;line-height:1.3}.outline-nickname[data-v-b346b0f2]{color:var(--text-muted);font-size:.88rem;font-style:italic}.node-meta-row[data-v-b346b0f2]{color:var(--text-muted);align-items:center;font-size:.8rem;display:flex}.badge-deceased-sm[data-v-b346b0f2]{background-color:var(--color-deceased-light);color:var(--color-deceased);border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem;font-weight:600}.node-spouses-row[data-v-b346b0f2]{border-top:1px dashed var(--border-light);flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;padding-top:6px;display:flex}.spouse-label[data-v-b346b0f2]{color:var(--accent-hover);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:700}.spouse-name-badge[data-v-b346b0f2]{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-app);padding:2px 8px;font-size:.78rem;font-weight:500}.spouse-name-badge.male[data-v-b346b0f2]{color:var(--color-male);background-color:var(--color-male-light);border-color:#2563eb33}.spouse-name-badge.female[data-v-b346b0f2]{color:var(--color-female);background-color:var(--color-female-light);border-color:#db277733}.no-data-text[data-v-b346b0f2]{color:var(--text-muted);text-align:center;padding:20px;font-size:.95rem;font-style:italic}@media (width<=768px){.outline-tree-container[data-v-b346b0f2],.outline-tree-card[data-v-b346b0f2]{padding:12px}.outline-node-card[data-v-b346b0f2]{padding:8px 12px}.outline-name[data-v-b346b0f2]{font-size:.92rem}}.relation-info-alert[data-v-49876d57]{background-color:var(--accent-light);border-left:4px solid var(--accent);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.form-section[data-v-49876d57]{flex-direction:column;gap:12px;display:flex}.form-section h4[data-v-49876d57]{font-family:var(--font-serif);color:var(--primary);border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:4px;font-size:1.1rem}.required[data-v-49876d57]{color:#ef4444}.grid-2[data-v-49876d57]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.radio-group[data-v-49876d57]{gap:20px;margin-top:10px;display:flex}.radio-label[data-v-49876d57]{cursor:pointer;align-items:center;gap:6px;font-size:.95rem;display:flex}.photo-upload-container[data-v-49876d57]{align-items:center;gap:20px;display:flex}.photo-preview-box[data-v-49876d57]{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-app);flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden}.photo-preview[data-v-49876d57]{object-fit:cover;width:100%;height:100%}.photo-placeholder[data-v-49876d57]{color:var(--text-muted);flex-direction:column;align-items:center;display:flex}.photo-placeholder span[data-v-49876d57]{text-transform:uppercase;margin-top:4px;font-size:.65rem;font-weight:600}.photo-upload-controls[data-v-49876d57]{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.btn-upload[data-v-49876d57]{padding:6px 14px;font-size:.85rem;position:relative}.hidden-file-input[data-v-49876d57]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-hint[data-v-49876d57]{color:var(--text-muted);font-size:.75rem}.btn-remove-photo[data-v-49876d57]{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500}.btn-remove-photo[data-v-49876d57]:hover{text-decoration:underline}.upload-progress[data-v-49876d57]{color:var(--primary);align-items:center;gap:8px;margin-top:4px;font-size:.85rem;display:flex}.animate-spin[data-v-49876d57]{animation:1s linear infinite spin-49876d57}@keyframes spin-49876d57{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkbox-list[data-v-49876d57]{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);flex-direction:column;gap:8px;max-height:150px;padding:10px;display:flex;overflow-y:auto}.checkbox-label[data-v-49876d57]{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.no-options[data-v-49876d57]{color:var(--text-muted);padding:4px;font-size:.85rem;font-style:italic}.input-with-button[data-v-49876d57]{gap:8px;width:100%;display:flex}.btn-icon-only[data-v-49876d57]{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:10px;display:flex}@media (width<=500px){.grid-2[data-v-49876d57]{grid-template-columns:1fr;gap:0}.photo-upload-container[data-v-49876d57]{flex-direction:column;align-items:flex-start}}.detail-sidebar[data-v-213ee109]{-webkit-backdrop-filter:blur(12px);border-left:1px solid var(--border);z-index:100;background:#fffffff2;width:400px;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #5c3d2e14}.detail-sidebar-open[data-v-213ee109]{transform:translate(0)}.sidebar-content[data-v-213ee109]{flex-direction:column;height:100%;display:flex}.sidebar-header[data-v-213ee109]{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.close-btn[data-v-213ee109]{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex}.close-btn[data-v-213ee109]:hover{background-color:var(--primary-light);color:var(--primary)}.header-tag[data-v-213ee109]{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-size:.8rem;font-weight:700}.sidebar-body[data-v-213ee109]{flex-direction:column;flex:1;gap:28px;padding:24px 20px;display:flex;overflow-y:auto}.profile-hero[data-v-213ee109]{text-align:center;border-bottom:1px dashed var(--border);flex-direction:column;align-items:center;padding-bottom:20px;display:flex}.avatar-large-container[data-v-213ee109]{border-radius:var(--radius-full);border:3px solid var(--border);width:120px;height:120px;box-shadow:var(--shadow-sm);background-color:var(--bg-app);margin-bottom:16px;overflow:hidden}.avatar-large[data-v-213ee109]{object-fit:cover;width:100%;height:100%}.avatar-large-placeholder[data-v-213ee109]{width:100%;height:100%;font-family:var(--font-serif);justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex}.avatar-large-placeholder.male[data-v-213ee109]{background-color:var(--color-male-light);color:var(--color-male)}.avatar-large-placeholder.female[data-v-213ee109]{background-color:var(--color-female-light);color:var(--color-female)}.profile-name[data-v-213ee109]{font-family:var(--font-serif);margin-bottom:4px;font-size:1.4rem;font-weight:650}.profile-nickname[data-v-213ee109]{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-style:italic}.badges-row[data-v-213ee109]{gap:8px;display:flex}.badge-alive[data-v-213ee109]{background-color:var(--primary-light);color:var(--primary)}.info-section h3[data-v-213ee109]{font-family:var(--font-serif);color:var(--primary);border-left:3px solid var(--accent);margin-bottom:14px;padding-left:10px;font-size:1.05rem}.info-list[data-v-213ee109]{flex-direction:column;gap:14px;display:flex}.info-item[data-v-213ee109]{align-items:flex-start;gap:12px;display:flex}.info-icon[data-v-213ee109]{color:var(--primary);flex-shrink:0;margin-top:4px}.text-red[data-v-213ee109]{color:var(--color-female)}.text-green[data-v-213ee109]{color:var(--color-male)}.info-label[data-v-213ee109]{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600;display:block}.info-val[data-v-213ee109]{color:var(--text-main);font-size:.95rem;font-weight:500}.wa-link[data-v-213ee109]{color:var(--color-male);font-weight:600;text-decoration:none}.wa-link[data-v-213ee109]:hover{text-decoration:underline}.relations-summary[data-v-213ee109]{flex-direction:column;gap:16px;display:flex}.relation-group-summary[data-v-213ee109]{flex-direction:column;gap:6px;display:flex}.rel-heading[data-v-213ee109]{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.rel-links[data-v-213ee109]{flex-direction:column;gap:6px;display:flex}.rel-link-btn[data-v-213ee109]{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-align:left;font-family:var(--font-sans);color:var(--primary);cursor:pointer;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.rel-link-btn[data-v-213ee109]:hover{border-color:var(--primary);background-color:var(--primary-light);transform:translate(3px)}.text-blue[data-v-213ee109]{color:#2563eb}.text-pink[data-v-213ee109]{color:#db2777}.no-rel-text[data-v-213ee109]{color:var(--text-muted);padding-left:4px;font-size:.85rem;font-style:italic}.sidebar-footer[data-v-213ee109]{border-top:1px solid var(--border-light);background:var(--bg-surface);flex-direction:column;gap:10px;padding:20px;display:flex}.full-width[data-v-213ee109]{width:100%}.grid-2[data-v-213ee109]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.animate-spin[data-v-213ee109]{animation:1s linear infinite spin-213ee109}@keyframes spin-213ee109{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-container[data-v-213ee109]{align-items:center;gap:8px;display:flex}.wa-icon-btn[data-v-213ee109]{color:#fff;border-radius:var(--radius-full);background-color:#25d366;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #25d36633}.wa-icon-btn[data-v-213ee109]:hover{background-color:#128c7e;transform:scale(1.1)}.maps-btn[data-v-213ee109]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--primary);align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.maps-btn[data-v-213ee109]:hover{background-color:var(--primary-light);border-color:var(--primary)}.ext-icon[data-v-213ee109]{color:var(--text-muted)}@media (width<=450px){.detail-sidebar[data-v-213ee109]{width:100%}.avatar-large-container[data-v-213ee109]{width:90px;height:90px;margin-bottom:12px}.profile-name[data-v-213ee109]{font-size:1.25rem}.sidebar-body[data-v-213ee109]{gap:20px;padding:16px 14px}.info-section h3[data-v-213ee109]{margin-bottom:10px}}.stats-container[data-v-d2e8f2f3]{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px 24px 100px;display:flex}.stats-grid-cards[data-v-d2e8f2f3]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stats-card[data-v-d2e8f2f3]{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;display:flex}.card-icon[data-v-d2e8f2f3]{border-radius:var(--radius-md);background-color:var(--primary-light);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;padding:10px;display:flex}.card-icon.text-green[data-v-d2e8f2f3]{background-color:var(--color-male-light);color:var(--color-male)}.card-icon.text-muted[data-v-d2e8f2f3]{background-color:var(--color-deceased-light);color:var(--color-deceased)}.card-icon.text-gold[data-v-d2e8f2f3]{background-color:var(--accent-light);color:var(--accent-hover)}.card-info[data-v-d2e8f2f3]{flex-direction:column;display:flex}.card-label[data-v-d2e8f2f3]{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.8rem;font-weight:600}.card-info h3[data-v-d2e8f2f3]{font-family:var(--font-sans);color:var(--text-main);margin-top:2px;font-size:1.6rem;font-weight:700}.stats-sections[data-v-d2e8f2f3]{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.stats-sections[data-v-d2e8f2f3]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stats-sections[data-v-d2e8f2f3]{grid-template-columns:repeat(3,1fr)}}.stats-col[data-v-d2e8f2f3]{flex-direction:column;gap:24px;display:flex}.stats-subcard[data-v-d2e8f2f3]{padding:20px}.stats-subcard h4[data-v-d2e8f2f3]{font-family:var(--font-serif);color:var(--primary);border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:8px;font-size:1.1rem}.gender-bar-wrapper[data-v-d2e8f2f3]{flex-direction:column;gap:8px;margin:10px 0;display:flex}.gender-percentages[data-v-d2e8f2f3]{justify-content:space-between;font-size:.85rem;font-weight:600;display:flex}.male-pct[data-v-d2e8f2f3]{color:var(--color-male)}.female-pct[data-v-d2e8f2f3]{color:var(--color-female)}.gender-track-bar[data-v-d2e8f2f3]{border-radius:var(--radius-full);background-color:var(--border-light);height:16px;display:flex;overflow:hidden}.gender-fill-male[data-v-d2e8f2f3]{background-color:var(--color-male);height:100%;transition:width .5s}.gender-fill-female[data-v-d2e8f2f3]{background-color:var(--color-female);height:100%;transition:width .5s}.gender-counts[data-v-d2e8f2f3]{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.age-chart-container[data-v-d2e8f2f3]{flex-direction:column;gap:12px;display:flex}.age-bar-row[data-v-d2e8f2f3]{align-items:center;gap:12px;display:flex}.age-label[data-v-d2e8f2f3]{width:110px;color:var(--text-main);text-align:right;font-size:.85rem;font-weight:500}.age-bar-track[data-v-d2e8f2f3]{background-color:var(--border-light);border-radius:var(--radius-full);flex:1;height:12px;overflow:hidden}.age-bar-fill[data-v-d2e8f2f3]{background-color:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .5s}.age-count[data-v-d2e8f2f3]{width:60px;color:var(--text-muted);font-size:.85rem;font-weight:600}.stats-info-desc[data-v-d2e8f2f3]{color:var(--text-muted);font-size:.88rem;line-height:1.6}.info-box-stats[data-v-d2e8f2f3]{background-color:var(--primary-light)!important;border-color:var(--border)!important}.cities-list[data-v-d2e8f2f3]{flex-direction:column;gap:10px;display:flex}.city-item[data-v-d2e8f2f3]{align-items:center;gap:12px;display:flex}.city-rank[data-v-d2e8f2f3]{border-radius:var(--radius-full);background-color:var(--primary-light);width:24px;height:24px;color:var(--primary);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.city-name[data-v-d2e8f2f3]{flex:1;font-size:.92rem;font-weight:550}.city-count[data-v-d2e8f2f3]{color:var(--text-muted);font-size:.85rem;font-weight:600}.no-data-text[data-v-d2e8f2f3]{text-align:center;color:var(--text-muted);padding:10px;font-size:.88rem;font-style:italic}.connection-modal[data-v-d1f34ead]{max-width:500px}.target-relative-info[data-v-d1f34ead]{background-color:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;display:flex}.connection-mode-tabs[data-v-d1f34ead]{border-bottom:2px solid var(--border-light);margin-bottom:20px;display:flex}.mode-tab-btn[data-v-d1f34ead]{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:12px 6px;font-size:.9rem;font-weight:600;transition:all .2s}.mode-tab-btn[data-v-d1f34ead]:hover{color:var(--primary)}.mode-tab-btn.active[data-v-d1f34ead]{color:var(--primary);border-bottom-color:var(--accent)}.instruction-text[data-v-d1f34ead]{color:var(--text-muted);margin-bottom:16px;font-size:.88rem;line-height:1.5}.no-options-warning[data-v-d1f34ead]{border-radius:var(--radius-sm);color:#ef4444;background-color:#fef2f2;border:1px solid #fca5a5;margin-top:16px;padding:12px;font-size:.85rem;line-height:1.5}.animate-spin[data-v-d1f34ead]{animation:1s linear infinite spin-d1f34ead}@keyframes spin-d1f34ead{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);border-bottom:2px solid var(--accent);height:72px;color:var(--text-light);box-shadow:var(--shadow-md);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.header-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent);filter:drop-shadow(0 2px 6px #d4af3766)}.animate-sway{transform-origin:bottom;animation:6s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.header-logo h1{font-family:var(--font-serif);color:var(--text-light);font-size:1.25rem;font-weight:700;line-height:1.1}.header-logo .subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.72rem;font-weight:700}.header-tabs{background-color:var(--primary-hover);border-radius:var(--radius-md);gap:6px;padding:4px;display:flex}.tab-btn{color:#ebdcd3;border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:550;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-light)}.tab-btn.active{background-color:var(--primary);color:var(--accent);box-shadow:var(--shadow-sm)}.header-actions{align-items:center;gap:12px;display:flex}.lang-selector{display:inline-block;position:relative}.lang-select{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-surface);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(92, 61, 46, 0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;outline:none;min-width:76px;padding:6px 26px 6px 10px;font-size:.82rem;font-weight:600;transition:all .2s}.lang-select:hover{border-color:var(--accent);background-color:var(--accent-light)}.search-container{width:240px;position:relative}.search-input-wrapper{width:100%;position:relative}.search-icon-inside{color:#ebdcd3;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.global-search-input{background-color:var(--primary-hover);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-light);border:1px solid #ebdcd333;padding:8px 32px 8px 36px;font-size:.88rem;transition:all .2s}.global-search-input::placeholder{color:#ebdcd3;opacity:.7}.global-search-input:focus{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--accent);outline:none}.global-search-input:focus+.search-icon-inside{color:var(--primary)}.clear-search-btn{color:#ebdcd3;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--text-light)}.search-dropdown{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:50;max-height:380px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.search-result-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;transition:background-color .2s;display:flex}.search-result-item:hover{background-color:var(--primary-light)}.search-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border);width:40px;height:40px}.search-avatar-placeholder{border-radius:var(--radius-full);width:40px;height:40px;font-family:var(--font-serif);justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.search-avatar-placeholder.male{background-color:var(--color-male-light);color:var(--color-male)}.search-avatar-placeholder.female{background-color:var(--color-female-light);color:var(--color-female)}.search-item-info{flex-direction:column;display:flex}.search-item-name{color:var(--primary);font-size:.88rem;font-weight:600;line-height:1.2}.search-item-nickname{color:var(--text-muted);font-size:.75rem;font-style:italic}.search-item-meta{color:var(--text-muted);margin-top:2px;font-size:.72rem}.settings-gear-btn{color:#ebdcd3;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:8px;transition:all .2s;display:flex}.settings-gear-btn:hover{color:var(--accent);background-color:var(--primary-hover)}.app-main{flex:1;display:flex;position:relative;overflow:hidden}.tab-panel{flex-direction:column;width:100%;height:100%;display:flex}.flex-1{flex:1}.loading-overlay{z-index:90;background-color:#faf6f0cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner-container{color:var(--primary);flex-direction:column;align-items:center;gap:12px;font-weight:600;display:flex}.spinner{color:var(--accent)}.no-config-alert,.error-state-container{justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;overflow-y:auto}.config-prompt-card,.error-card{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:540px;padding:40px;display:flex}.prompt-logo-icon{color:var(--accent)}.prompt-steps{text-align:left;grid-template-columns:auto 1fr;gap:12px 16px;margin:10px 0;font-size:.9rem;display:grid}.step-num{border-radius:var(--radius-full);background-color:var(--accent-light);width:24px;height:24px;color:var(--accent-hover);justify-content:center;align-items:center;font-weight:700;display:flex}.font-mono{font-family:monospace}.settings-modal-content{max-width:500px}.settings-help-text{color:var(--text-muted);font-size:.88rem;line-height:1.5}.settings-status-alert{background-color:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);word-break:break-all;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.settings-status-alert.no-config{background-color:var(--accent-light);color:var(--primary)}.directory-panel{width:100%;max-width:1200px;margin:0 auto;padding:24px;overflow-y:auto}.directory-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.directory-header h2{font-size:1.6rem}.directory-filters{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.filter-btn{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;padding:6px 14px;font-size:.85rem;font-weight:650;transition:all .2s}.filter-btn:hover{background-color:var(--border-light);color:var(--primary)}.filter-btn.active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.ms-auto{margin-left:auto}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.directory-card{cursor:pointer;gap:16px;padding:16px;display:flex}.directory-avatar{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border);flex-shrink:0;width:72px;height:72px}.directory-avatar-placeholder{border-radius:var(--radius-md);width:72px;height:72px;font-family:var(--font-serif);flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex}.directory-avatar-placeholder.male{background-color:var(--color-male-light);color:var(--color-male)}.directory-avatar-placeholder.female{background-color:var(--color-female-light);color:var(--color-female)}.directory-card-info{flex-direction:column;min-width:0;display:flex}.directory-card-info h3{font-family:var(--font-serif);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.05rem;font-weight:600;line-height:1.2;overflow:hidden}.directory-card-info .nickname{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;font-style:italic}.directory-card-info .badges{gap:6px;margin-bottom:6px;display:flex}.directory-card-info .meta{color:var(--text-muted);font-size:.78rem}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px;font-style:italic}.error-card{border-left:4px solid var(--color-female)}.error-actions{gap:12px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex}.empty-state h3{margin-bottom:-6px;font-size:1.3rem}@media (width<=900px){.app-header{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:12px 16px}.header-logo{justify-content:center;margin-bottom:4px}.header-tabs{justify-content:center;width:100%}.tab-btn{flex:1;justify-content:center;padding:8px 12px;font-size:.85rem}.header-actions{flex-wrap:wrap;gap:8px;width:100%}.search-container{order:1;width:100%}.header-actions .sekar-btn{flex:1;order:2}.settings-gear-btn{order:3}.directory-filters{gap:6px}.directory-filters .ms-auto{width:100%;margin-left:0}}