.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172acc;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.form-container{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.close-modal-btn{top:20px;right:20px;max-width:50px;background:#000;border:none;font-size:1.5rem;color:#f2f3f6;cursor:pointer;transition:color .2s}.form-header{padding:24px 30px 20px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.form-header h2{margin:0;color:#0f172a;font-size:1.6rem;font-weight:700}.subtitle{color:#64748b;font-size:.95rem;margin-top:8px}.member-form{flex:1;overflow-y:auto;padding:0 30px 20px;scrollbar-width:thin}.member-form::-webkit-scrollbar{width:6px}.member-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.member-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.member-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-section{margin-bottom:28px}.section-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#334155;margin-bottom:16px;font-size:1rem;text-transform:uppercase;letter-spacing:.8px}.section-title span{background:#2563eb;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem;font-weight:700}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.875rem;font-weight:600;color:#475569}.field input,.field select,.field textarea{padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.field textarea{resize:vertical;min-height:80px}.checkbox-row{display:flex;gap:24px;margin:20px 0;flex-wrap:wrap}.checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;font-weight:600;color:#334155}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.form-actions-row{display:flex;gap:12px;padding:20px 30px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.delete-btn{background:#ef4444;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#dc2626}.submit-member-btn{flex:1;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.submit-member-btn:hover{background:#1d4ed8}.submit-member-btn:disabled{background:#94a3b8;cursor:not-allowed}.search-select-container{position:relative}.search-results-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:220px;overflow-y:auto;z-index:3000;list-style:none;padding:8px 0;margin:0;box-shadow:0 10px 25px -5px #0000001a}.search-results-dropdown li{padding:12px 16px;cursor:pointer;font-size:.95rem;color:#1e293b}.search-results-dropdown li:hover{background-color:#f0f9ff;color:#2563eb}.search-results-dropdown li.no-results{color:#94a3b8;font-style:italic;cursor:default;text-align:center}@media(max-width:640px){.form-container{width:95%;max-width:none;border-radius:12px}.form-header,.member-form,.form-actions-row{padding-left:20px;padding-right:20px}.input-grid{grid-template-columns:1fr;gap:14px}.checkbox-row{gap:16px;flex-direction:column}.form-actions-row{flex-direction:column}.delete-btn{order:2}.submit-member-btn{order:1}}.family-tree-wrapper{position:fixed;inset:60px 0 0;background-color:#f8fafc;overflow:hidden;touch-action:manipulation;z-index:10}.family-tree-svg{width:100%;height:100%;cursor:grab;display:block;pointer-events:all}.family-tree-svg:active{cursor:grabbing}.link{fill:none;stroke:#cbd5e1;stroke-width:2px}.node-circle{stroke-width:3px;cursor:pointer;pointer-events:all;transition:transform .2s ease}.node-circle:hover{transform:scale(1.1)}.gender-male .node-circle{fill:#fff7ed;stroke:#f97316}.gender-female .node-circle{fill:#f0f9ff;stroke:#0284c7}.node-label{font-family:Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:700;fill:#1e293b;pointer-events:none;paint-order:stroke;stroke:#f8fafc;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.marriage-indicator.clickable{cursor:pointer;pointer-events:all}.ring{fill:#fefce8;stroke:#ca8a04;stroke-width:2px}.expand-btn{cursor:pointer;pointer-events:all}.ui-controls{position:absolute;bottom:90px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:auto}.ui-controls button{padding:12px 24px;border:none;border-radius:50px;font-weight:700;box-shadow:0 8px 16px #0003;cursor:pointer;min-width:140px;transition:all .2s}.ui-controls button:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000040}.reset-view-btn{background-color:#0f172a;color:#fff}.add-member-btn{background-color:#10b981;color:#fff}.floating-members-count{position:absolute;bottom:20px;left:20px;background:#1e293be6;color:#fff;padding:12px 18px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 6px 15px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;font-weight:600;font-size:.95rem;pointer-events:none}.count-icon{font-size:1.4rem}.count-number{font-size:1.2rem;font-weight:700}.count-label{opacity:.9}.floating-invite{position:absolute;bottom:20px;left:200px;z-index:1000}.invite-btn{background:#0f172a;color:#fff;padding:10px 18px;border-radius:50px;border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s}.invite-btn:hover{transform:scale(1.05);background:#1e293b}.invite-display{background:#fff;padding:8px 15px;border-radius:12px;border:2px solid #2563eb;cursor:pointer;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #0000001a}.code-text{font-family:monospace;font-size:1.2rem;font-weight:700;color:#2563eb;letter-spacing:2px}.copy-hint{font-size:.7rem;color:#64748b;text-transform:uppercase;margin-top:2px}@media(max-width:768px){.floating-members-count{bottom:10px;left:15px;padding:3px 6px;font-size:.75rem}.floating-invite{bottom:60px;left:15px;padding:3px 6px;font-size:.75rem}.ui-controls{right:15px;bottom:10px;max-height:fit-content;font-size:smaller;padding:3px}.reset-view-btn{background-color:#0f172a;color:#fff;padding:3px 6px;font-size:.75rem}.add-member-btn{background-color:#10b981;color:#fff;padding:3px 6px;font-size:.75rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:85%;max-width:400px;position:relative;box-shadow:0 25px 50px -12px #00000080;color:#1e293b}.modal-close-btn{position:absolute;top:15px;right:15px;background:#f1f5f9;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.modal-row{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.avatar-zoom-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease}.avatar-zoom-container{position:relative;top:1rem;max-width:80vw;max-height:90vh;text-align:center}.avatar-zoom-img{max-width:80vw;max-height:80vh;border-radius:16px;box-shadow:0 20px 40px #0009;border:6px solid white}.avatar-zoom-name{margin-top:16px;font-size:1.4rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.avatar-zoom-close{position:absolute;top:2px;right:0;background:#fcf9f9;color:#020202;border:none;width:15px;height:30px;border-radius:30%;font-size:28px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-top:5px}.avatar-zoom-container.expanded-view{max-width:900px;width:90%;padding:0;overflow:hidden;background:#fff;display:flex}.zoom-content-layout{display:flex;width:100%;max-height:80vh;flex-direction:row}@media(max-width:768px){.zoom-content-layout{flex-direction:column}.zoom-image-section{height:280px}}.zoom-image-section{flex:1;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-right:1px solid #e2e8f0}.zoom-large-img{width:100%;height:100%;object-fit:cover;display:block}.zoom-details-section{flex:1;padding:40px;overflow-y:auto;text-align:left;background:#fff}.zoom-details-section h2{margin-top:0;padding-bottom:10px;font-size:2rem;color:#1e293b}.detail-row{display:flex;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.detail-label{font-weight:700;width:100px;color:#475569;font-size:.9rem}.detail-value{margin:0;color:#1e293b;flex:1}.bio-text{white-space:pre-wrap;line-height:1.6;color:#1e293b}.deceased-highlight{background:#fee2e2;padding:8px;border-radius:4px;margin-top:8px}.node.is-deceased .node-circle{filter:grayscale(100%);opacity:.8}.link{stroke-linejoin:round;stroke-linecap:round}.node.current-user .node-circle{stroke:#22c55e!important;stroke-width:5!important}.node.current-user .current-user-ring{stroke:#22c55e;stroke-width:6;stroke-dasharray:8 4;fill:none;opacity:.8}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:.6}to{transform:scale(1);opacity:.8}}.node.current-user .current-user-ring{animation:pulse-ring 3s infinite ease-in-out}.navbar{height:70px;background:#fff;display:flex;align-items:center;border-bottom:1px solid #e2e8f0;position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 40px;box-sizing:border-box}.navbar-container{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;color:#0f172a;cursor:pointer;transition:all .2s ease}.navbar-logo:hover{opacity:.8;transform:scale(1.02)}.nav-links{display:flex;align-items:center;list-style:none;gap:20px;margin:0;padding:0}.family-selector-wrapper{display:flex;align-items:center}.select-container{display:flex;align-items:center;background:#f8fafc;padding:6px 14px;border-radius:10px;border:1px solid #e2e8f0;gap:8px;transition:border-color .2s}.select-container:hover{border-color:#3b82f6;background:#f1f5f9}.select-label{font-size:.7rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.family-dropdown{background:transparent;border:none;font-weight:700;color:#1e293b;font-size:.9rem;cursor:pointer;outline:none;min-width:120px}.create-option{color:#2563eb;font-weight:600;background:#f0f9ff}.council-btn{background:#f1f5f9;border:1px solid #cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px;font-size:.9rem;transition:all .2s}.council-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.logout-nav-btn{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background .2s}.logout-nav-btn:hover{background:#fecaca}.user-profile-btn{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s}.user-profile-btn:hover{background:#f1f5f9}.user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.user-avatar.fallback{background:#3b82f6;color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}.user-name{font-weight:600;font-size:.9rem;color:#1e293b}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.bar{width:25px;height:3px;background-color:#0f172a;border-radius:3px}@media(max-width:900px){.navbar{padding:0 20px}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:60vh;z-index:1001;background:#fff;flex-direction:column;padding:80px 20px 40px;gap:15px;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #0000001a}.nav-links.open{right:0}.family-selector-wrapper{width:100%;margin-bottom:20px}.select-container{width:100%;justify-content:space-between;padding:14px;background:#f8fafc}.user-profile-btn,.council-btn,.logout-nav-btn{width:100%;justify-content:flex-start;padding:14px;font-size:1rem}.user-profile-btn{border:1px solid #f1f5f9}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}}.login-nav-btn{background:#059669;color:#fff;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #05966933}.login-nav-btn:hover{background:#047857;transform:translateY(-1px);box-shadow:0 6px 8px -1px #0596694d}.nav-item-text{background:none;border:none;color:#475569;font-weight:600;cursor:pointer;padding:8px 12px}.login-nav-btn{background:#059669;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s;box-shadow:0 4px 6px -1px #05966933}.login-nav-btn:hover{background:#047857;transform:translateY(-1px);box-shadow:0 6px 12px -1px #0596694d}.nav-item-text{background:none;border:none;color:#475569;font-weight:700;font-size:.95rem;cursor:pointer;padding:10px 15px;transition:color .2s}.nav-item-text:hover{color:#0f172a}.system-admin-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer}.nav-locked{opacity:.7;filter:grayscale(.5)}.link-disabled{cursor:not-allowed;pointer-events:none;color:#888!important}select:disabled{background-color:#f0f0f0;cursor:not-allowed}.auth-container{display:flex;justify-content:center;align-items:center;width:100vw;min-height:calc(100vh - 70px);background-color:#f8fafc;padding:20px;margin-top:3rem;box-sizing:border-box}.auth-card{background:#fff;width:100%;max-width:440px;padding:30px 35px;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{margin:0;font-size:1.75rem;color:#0f172a;font-weight:800;letter-spacing:-.025em}.auth-header p{margin-top:8px;color:#334155;font-size:.95rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:18px}.input-row{display:flex;gap:12px}.input-group{display:flex;flex-direction:column;gap:8px;flex:1}.input-group label{font-size:.9rem;font-weight:700;color:#1e293b}.auth-form input:not(.phone-main-input),.auth-form select:not(.country-prefix-select),.auth-form textarea{padding:12px 14px;border:2px solid #94a3b8;border-radius:8px;font-size:1rem;width:100%;box-sizing:border-box;background-color:#fff;color:#0f172a;transition:border-color .2s,box-shadow .2s}.question-view p{color:#0f172a}.auth-form input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb33}.phone-input-wrapper{display:flex!important;flex-direction:row!important;align-items:stretch;border:2px solid #64748b;border-radius:8px;overflow:hidden;background-color:#fff}.phone-input-wrapper:focus-within{border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb33}.country-prefix-select{width:115px!important;border:none!important;background-color:#f1f5f9!important;border-right:2px solid #64748b!important;border-radius:0!important;font-size:.95rem!important;font-weight:700!important;color:#0f172a!important;padding:10px 24px 10px 10px!important;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='%230f172a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.phone-main-input{flex:1!important;border:none!important;padding:12px 14px!important;font-size:1.1rem!important;color:#0f172a!important;font-weight:500;outline:none!important;width:100%!important}.auth-submit-btn{background:#2563eb;color:#fff;padding:14px;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px;transition:background .2s,transform .1s}.auth-submit-btn:hover{background:#1d4ed8}.auth-submit-btn:active{transform:scale(.98)}.btn-row{display:flex;gap:12px;margin-top:15px}.choice-btn{flex:1;padding:14px;border:2px solid #2563eb;background:#fff;color:#1d4ed8;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s}.choice-btn:hover{background:#eff6ff;border-color:#1d4ed8}.auth-footer{margin-top:25px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:center;display:flex;flex-direction:column;gap:12px}.forgot-password-link{background:none;border:none;color:#475569;font-size:.9rem;font-weight:500;text-decoration:underline;cursor:pointer}.forgot-password-link:hover{color:#0f172a}.toggle-section{font-size:.9rem;color:#475569}.toggle-btn{background:none;border:none;color:#2563eb;font-weight:700;cursor:pointer;text-decoration:none;font-size:.9rem}.toggle-btn:hover{text-decoration:underline;color:#1d4ed8}.step-hint{font-size:.95rem;color:#475569;margin-bottom:20px;padding:12px;background:#f1f5f9;border-left:4px solid #2563eb;border-radius:4px}.animate-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.input-row{flex-direction:column}.auth-card{padding:25px 20px;border-radius:0;box-shadow:none}.auth-container{background-color:#fff;padding:0;align-items:flex-start;margin-top:18rem}}.input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.input-success{border-color:#10b981!important;background-color:#f0fdf4!important}.input-error:focus{box-shadow:0 0 0 3px #ef444433!important}.input-success:focus{box-shadow:0 0 0 3px #10b98133!important}.dashboard-container{padding:40px 20px;background-color:#f1f5f9;min-height:100vh;margin-top:10rem;display:flex;justify-content:center}.dashboard-card{background:#fff;width:100%;max-width:960px;border-radius:16px;padding:32px;box-shadow:0 10px 25px #0000001a}.dashboard-header{margin-bottom:32px;border-bottom:2px solid #e2e8f0;padding-bottom:16px}.dashboard-header h2{margin:0;font-size:1.8rem;color:#0f172a}.dashboard-header p{margin:8px 0 0;color:#334155;font-weight:500}.section{margin-bottom:48px}.section h3{margin:0 0 20px;color:#0f172a;font-size:1.3rem;border-left:4px solid #2563eb;padding-left:12px}.admin-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;color:#0f172a;border-radius:10px;border:1px solid #cbd5e1}.admin-email{font-size:.9rem;color:#334155;margin-top:4px}.demote-btn{background:#b91c1c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.demote-btn:hover{background:#7f1d1d;box-shadow:0 2px 4px #0000001a}.promote-section{background:#f0f9ff;padding:24px;border-radius:12px;border:2px solid #0ea5e9;position:relative;overflow:visible}.promote-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.member-select{flex:1;min-width:260px;padding:12px 16px;border:2px solid #94a3b8;border-radius:8px;font-size:1rem;background:#fff;color:#0f172a;appearance:auto;cursor:pointer}.member-select:focus{border-color:#2563eb;outline:none}.promote-btn{background:#059669;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.promote-btn:disabled{background:#64748b;color:#e2e8f0;cursor:not-allowed}.council-table{width:100%;border-collapse:collapse;margin-top:12px}.council-table th{padding:12px;background:#e2e8f0;color:#0f172a;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:2px solid #cbd5e1}.council-table td{padding:16px 12px;border-bottom:1px solid #cbd5e1;vertical-align:middle;color:#0f172a}.contact-info{font-size:.95rem;font-weight:500}.subtitle{color:#475569;font-size:.85rem;margin-top:4px;font-weight:400}.approve-btn{background:#1e4ed8;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.approve-btn:hover{background:#1e3a8a}.empty-state{text-align:center;padding:40px;color:#475569;font-weight:500}.status-alert{padding:14px 20px;border-radius:10px;margin-bottom:24px;font-weight:700;font-size:1rem}.status-alert.success{background:#166534;color:#fff;border:1px solid #14532d}.status-alert.error{background:#991b1b;color:#fff;border:1px solid #7f1d1d}.loading{text-align:center;padding:80px;font-size:1.2rem;color:#0f172a;font-weight:600}.pending-card{border-left:4px solid #f59e0b!important;background:#fffbeb!important}.pending-list{display:flex;flex-direction:column;gap:12px}.approve-btn{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.approve-btn:hover{background:#1e4ed8}.member-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px!important}@media(max-width:768px){.promote-controls{flex-direction:column;align-items:stretch}.member-select{width:100%}}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.close-dashboard-btn{background:#f1f5f9;border:none;color:#64748b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.close-dashboard-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.dashboard-header{display:flex;flex-direction:column;gap:4px;margin-bottom:25px;border-bottom:2px solid #f1f5f9;padding-bottom:15px}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.edit-text-btn{background:none;border:1px solid #2d3436;color:#2d3436;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.edit-text-btn:hover{background:#f1f2f6}.edit-family-form{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dfe6e9}.input-group{margin-bottom:15px}.input-group label{display:block;font-weight:600;margin-bottom:5px;font-size:.9rem}.input-group input,.input-group textarea{width:100%;padding:10px;border:2px solid #dfe6e9;border-radius:6px;font-family:inherit}.form-actions{display:flex;gap:10px;margin-top:10px}.save-btn{background-color:#2d3436;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}.cancel-btn{background:none;border:none;color:#636e72;cursor:pointer;text-decoration:underline}.family-info-display p{margin:8px 0;color:#4b5563}.dashboard-divider{border:0;border-top:1px solid #eee;margin:30px 0}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:24px;box-shadow:0 20px 40px #0003}.modal-card h3{margin-bottom:16px}.modal-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-weight:500}.modal-card input,.modal-card textarea{padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.edit-lineage-container{max-width:700px;margin:40px auto;padding:32px;margin-top:5rem;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a}.edit-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#334155}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#f8fafc}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px}.save-btn{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.save-btn:hover{background:#1d4ed8}.profile-view-container{padding:40px 20px;background-color:#f1f5f9;margin-top:30rem;min-height:100vh;display:flex;justify-content:center}.profile-card{background:#fff;width:100%;max-width:750px;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;position:relative;overflow:hidden}.profile-card-inner{padding:130px 40px 10px}.close-profile-btn{position:absolute;top:20px;right:20px;background:#031221;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s}.profile-header-new{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;border-bottom:1px solid #e2e8f0;padding-bottom:30px}.avatar-ring{width:120px;height:120px;border-radius:50%;padding:5px;border:3px solid #2ecc71;position:relative;cursor:default}.avatar-ring.editable{cursor:pointer}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edit-hint{position:absolute;bottom:0;background:#0009;color:#fff;width:100%;text-align:center;font-size:10px;padding:4px 0;border-bottom-left-radius:60px;border-bottom-right-radius:60px}.profile-titles h2{margin:15px 0 5px;font-size:1.8rem;color:#1e293b}.badge-role{background:#f0fdf4;color:#166534;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.profile-mode-toggle{margin-top:20px;background:#f1f5f9;padding:4px;border-radius:12px}.profile-mode-toggle button{border:none;padding:8px 24px;border-radius:10px;cursor:pointer;font-weight:600;color:#64748b;background:transparent;transition:all .2s}.profile-mode-toggle button.active{background:#fff;color:#1e293b;box-shadow:0 4px 6px -1px #0000001a}.profile-content-form{display:flex;flex-direction:column}.form-section{margin-bottom:30px}.section-label{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:15px;border-left:4px solid #2ecc71;padding-left:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.field-group{display:flex;flex-direction:column}.field-group label{font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px}.field-group input,.field-group select,.field-group textarea{padding:12px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;transition:border-color .2s}.field-group input:disabled,.field-group select:disabled,.field-group textarea:disabled{background:#f8fafc;border-color:#f1f5f9;color:#94a3b8}.field-locked{background:#f1f5f9!important;cursor:not-allowed}.btn-save-profile{width:100%;padding:14px;background:#2ecc71;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:20px}.btn-save-profile:hover{background:#27ae60}@media(max-width:800px){.form-section{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:15px}.profile-view-container{padding:40px 20px;background-color:#f1f5f9;margin-top:55rem;min-height:100vh;display:flex;justify-content:center}}.date-input-active{border-color:#2ecc71!important;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{display:block;background-repeat:no-repeat;cursor:pointer;opacity:1}.field-group input[type=date]:not(:disabled)::-webkit-calendar-picker-indicator{filter:invert(30%) sepia(10%) saturate(1000%) hue-rotate(180deg)}.field-group input[type=date]:disabled::-webkit-calendar-picker-indicator{opacity:.5;cursor:not-allowed}.no-family-container{display:flex;justify-content:center;align-items:center;min-height:90vh;background-color:#f1f5f9;padding:20px}.no-family-card{background:#fff;max-width:600px;width:100%;padding:50px;border-radius:24px;margin-top:10rem;box-shadow:0 20px 25px -5px #0003;border:1px solid #e2e8f0}.contrast-text{color:#0f172a!important;font-weight:800}.high-contrast-p{color:#1e293b!important;font-size:1.1rem;line-height:1.6}.contrast-label{display:block;color:#0f172a!important;font-weight:700;font-size:1rem;margin-bottom:10px}.progress-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:15px}.step{width:35px;height:35px;border-radius:50%;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;font-weight:700}.step.active{background:#059669;color:#fff}.line{width:50px;height:3px;background:#e2e8f0}.options-grid{display:flex;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.option-card{padding:35px 20px;border:3px solid #e2e8f0;border-radius:20px;background:#fff;cursor:pointer;transition:all .2s ease-in-out}.option-card:hover{border-color:#059669;background:#f0fdf4;transform:translateY(-5px)}.icon-badge{font-size:2.5rem;margin-bottom:15px}.high-visibility-input{width:100%;padding:15px;border:2px solid #94a3b8;border-radius:12px;font-size:1rem;color:#0f172a;background:#fff}.high-visibility-input:focus{border-color:#059669;outline:none;box-shadow:0 0 0 4px #0596691a}.massive-code-input{width:100%;font-family:Courier New,monospace;font-size:2.2rem;text-align:center;letter-spacing:5px;padding:20px;border:3px solid #0f172a;background:#f8fafc;color:#059669;border-radius:15px}.btn-next-action,.btn-launch-legacy{width:100%;background:#059669;color:#fff;padding:16px;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 6px -1px #0003}.btn-launch-legacy:hover{background:#047857}.btn-back-text{background:none;border:none;color:#475569;font-weight:700;font-size:1rem;cursor:pointer;padding:10px}.btn-back-text:hover{color:#0f172a;text-decoration:underline}.form-actions-flex{display:flex;justify-content:space-between;align-items:center;margin-top:30px}@media(max-width:780px){.no-family-card{margin-top:20rem}.options-grid{display:flex;flex-direction:column}}.how-it-works-page{padding:60px 20px;background-color:#fff;min-height:calc(100vh - 80px);display:flex;margin-top:5rem;align-items:center}.how-container{max-width:1200px;margin:0 auto;margin-top:7rem;display:flex;flex-direction:column;gap:40px;align-items:center}.how-video-section{flex:1;width:100%}.video-card{position:relative;border-radius:24px;overflow:hidden;background:#000;border:8px solid #f8f9fa}.demo-video{width:100%;max-height:700px;display:block}.video-overlay-tag{position:absolute;top:20px;left:20px;background:#0009;color:#fff;padding:6px 14px;border-radius:30px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.how-text-section{flex:1;text-align:left}.how-title{font-size:2.5rem;color:#2d3436;margin-bottom:1.5rem;font-weight:800}.how-lead{font-size:1.1rem;color:#636e72;margin-bottom:2.5rem;line-height:1.6}.feature-grid{display:flex;flex-direction:column;gap:25px}.feature-item{display:flex;gap:20px}.feature-icon{font-size:1.5rem;background:#f1f2f6;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.feature-item h4{margin:0 0 5px;color:#2d3436}.feature-item p{margin:0;color:#636e72;font-size:.95rem;line-height:1.5}.walkthrough-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.walkthrough-step{display:flex;gap:15px;align-items:flex-start}.step-badge{background:#2d3436;color:#fff;min-width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;margin-top:3px}.step-body h4{margin:0 0 4px;font-size:1.1rem;color:#2d3436}.step-body p{margin:0;font-size:.95rem;color:#636e72;line-height:1.4}.section-divider{border:0;border-top:1px solid #dfe6e9;margin:30px 0}.sub-section-title{font-size:1.4rem;margin-bottom:20px;color:#2d3436;font-weight:700}.feature-item{margin-bottom:10px}@media(max-width:800px){.how-it-works-page{margin-top:70rem}.demo-video{width:100%;max-height:450px;display:block}}@media(min-width:992px){.how-container{flex-direction:row;text-align:left}.how-video-section{order:1}.how-text-section{order:2;padding-left:50px}}.security-gate-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;background-color:#f4f7f6}.security-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:420px;text-align:center;animation:slideUp .4s ease-out}.security-icon-circle{font-size:3rem;margin-bottom:20px}.security-header h1{font-size:1.5rem;color:#2d3436;margin-bottom:10px}.security-header p{font-size:.95rem;color:#636e72;line-height:1.5;margin-bottom:30px}.security-form{text-align:left}.input-field{margin-bottom:20px}.input-field label{display:block;font-weight:600;margin-bottom:8px;color:#2d3436;font-size:.9rem}.password-wrapper{position:relative;display:flex;align-items:center}.security-form input{width:100%;padding:12px 16px;border:2px solid #dfe6e9;border-radius:8px;font-size:1rem;transition:border-color .2s}.security-form input:focus{outline:none;border-color:#0984e3}.toggle-eye{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px}.security-submit-btn{width:100%;padding:14px;background-color:#2d3436;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,background-color .2s;margin-top:10px}.security-submit-btn:hover:not(:disabled){background-color:#000}.security-submit-btn:active:not(:disabled){transform:scale(.98)}.security-submit-btn:disabled{background-color:#b2bec3;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-page-wrapper{background-color:#f4f7f6;min-height:calc(100vh - 80px);padding:40px 20px;display:flex;margin-top:25rem;justify-content:center}.about-container{max-width:800px;width:100%;background-color:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 10px 25px #0000000d;color:#2d3436}.about-header{text-align:center;margin-bottom:3.5rem;border-bottom:2px solid #f1f2f6;padding-bottom:2rem}.about-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#2d3436}.about-subtitle{font-size:1.1rem;color:#636e72;line-height:1.6;max-width:600px;margin:0 auto}.about-section{margin-bottom:3rem}.about-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#2d3436;display:flex;align-items:center;gap:10px}.about-section h2:before{content:"";width:4px;height:24px;background-color:#2d3436;border-radius:2px}.about-section p{font-size:1rem;line-height:1.8;color:#4b5563;margin-bottom:1rem}.about-section ul{padding-left:1.5rem;margin-top:1rem;list-style-type:none}.about-section li{font-size:1rem;line-height:1.7;margin-bottom:.75rem;color:#4b5563;position:relative}.about-section li:before{content:"•";color:#2d3436;font-weight:700;display:inline-block;width:1em;margin-left:-1em}@media(max-width:768px){.about-container{padding:2rem 1.5rem;margin-top:42rem}.about-header h1{font-size:2rem}}.contact-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;padding:32px 16px;background:#f8fafc}.contact-card{max-width:520px;width:100%;background:#fff;border-radius:16px;padding:32px;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0000000f;color:#0f172a}.contact-title{font-size:28px;font-weight:700;margin-bottom:6px;color:#020617}.contact-subtitle{font-size:15px;color:#475569;margin-bottom:24px}.contact-info{display:flex;flex-direction:column;gap:18px}.contact-item{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:13px;color:#64748b;font-weight:500}.contact-item a{color:#2563eb;text-decoration:none;font-weight:500}.contact-item a:hover{text-decoration:underline}.contact-note{margin-top:24px;font-size:13px;color:#64748b;text-align:center}.example-cta{position:fixed;bottom:24px;right:240px;z-index:1000;max-width:320px}.example-cta-content{background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:2px;box-shadow:0 10px 30px #00000026}.example-cta-content h2{font-size:1.1rem;margin-bottom:8px;color:#1f2937}.example-cta-content p{font-size:.9rem;color:#4b5563;margin-bottom:14px}.example-cta-btn{width:100%;background:#2563eb;color:#fff;border:none;padding:10px 14px;border-radius:8px;font-size:.95rem;cursor:pointer}.example-cta-btn:hover{background:#1d4ed8}@media(max-width:480px){.example-cta{right:16px;bottom:10px;max-width:90%;max-height:150px}.example-cta-btn{width:70%;background:#2563eb;color:#fff;border:none;padding:5px 7px;border-radius:8px;font-size:.7rem;cursor:pointer}.example-cta-content p{font-size:.7rem;color:#4b5563;margin-bottom:8px}}.edit-family-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;margin-top:5rem;align-items:flex-start;padding:40px 16px;background:#f8fafc}.edit-family-card{width:100%;max-width:720px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 30px #0000000f;border:1px solid #e5e7eb}.edit-family-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.edit-family-header h2{font-size:24px;font-weight:700}.close-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:#64748b}.close-btn:hover{color:#0f172a}.edit-family-subtitle{font-size:14px;color:#64748b;margin-bottom:24px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#334155}.form-group input,.form-group textarea{border-radius:10px;border:1px solid #cbd5f5;padding:12px;font-size:14px;resize:vertical}.form-group textarea{min-height:160px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#38bdf8}.edit-family-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.primary-btn{background:#2563eb;color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer}.primary-btn:disabled{background:#93c5fd;cursor:not-allowed}.secondary-btn{background:#e5e7eb;border:none;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer}.secondary-btn:hover{background:#d1d5db}.edit-family-loading{padding:48px;text-align:center;font-size:16px;color:#475569}.admin-dashboard{height:100vh;display:flex;flex-direction:column;background:#f1f5f9;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.admin-fixed-top{flex-shrink:0;padding:40px 40px 20px;background:#f1f5f9;z-index:10}.admin-scroll-content{flex-grow:1;overflow-y:auto;padding:0 40px 40px}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.admin-header h1{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0}.admin-header p{color:#475569;margin:5px 0 0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.admin-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.stat-label{color:#64748b;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:2rem;font-weight:800;color:#059669}.admin-tables-container{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0}.table-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-bar input{padding:10px 16px;border-radius:10px;border:1px solid #e2e8f0;width:300px}.action-group{display:flex;gap:8px;justify-content:flex-end}.icon-btn{background:#f8fafc;border:1px solid #e2e8f0;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.admin-fixed-top{flex-shrink:0;padding:30px 40px 10px;background:#f1f5f9;border-bottom:2px solid #e2e8f0}.admin-tabs{display:flex;gap:10px;margin-top:25px}.admin-tabs button{padding:12px 24px;background:#e2e8f0;border:none;border-radius:10px 10px 0 0;color:#475569;font-weight:700;cursor:pointer;transition:all .2s}.admin-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 -4px 10px #0000000d}.admin-table{width:100%;background:#fff}.user-full-name{font-weight:800;color:#0f172a!important;display:block}.contact-info{color:#1e293b!important}.admin-table td{color:#0f172a;padding:16px;border-bottom:1px solid #f1f5f9}.admin-table th{color:#475569;background:#f8fafc;text-align:left}.row-archived{opacity:.6;background:#fdf2f2}.icon-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.icon-btn.delete:hover{background:#fee2e2;border-color:#fca5a5}.role-pill{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600}.role-pill.admin{background:#fee2e2;color:#991b1b}.role-pill.member{background:#f1f5f9;color:#475569}.loading,.error-message{text-align:center;padding:40px;font-size:1.1rem;color:#475569}.error-message{color:#dc2626;background:#fee2e2;border-radius:12px;padding:16px;margin:20px auto;max-width:600px}.icon-btn.restore{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.icon-btn.restore:hover{background:#d1fae5}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:#0f172a}.modal-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#64748b}.modal-close-btn:hover{color:#0f172a}.modal-error{margin:16px 24px;padding:12px;background:#fee2e2;color:#991b1b;border-radius:8px}.edit-user-form{padding:24px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:6px;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.form-group textarea{resize:vertical}.checkboxes{gap:32px;margin:24px 0}.checkboxes label{display:flex;align-items:center;gap:8px;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.modal-actions button{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer}.modal-actions button:first-child{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.save-btn:hover:not(:disabled){background:#1d4ed8}.save-btn:disabled{opacity:.6;cursor:not-allowed}.edit-lineage-container{width:80vw;margin-top:24rem;padding:40px 32px;background:#fff;color:#000;border-radius:16px;box-shadow:0 10px 40px #00000014;border:1px solid #e2e8f0}.edit-form{display:flex;flex-direction:column;gap:24px;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-size:.95rem;font-weight:600;color:#1e293b}.form-group input,.form-group textarea{width:100%;max-width:100%;box-sizing:border-box;padding:12px 16px;font-size:1rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;transition:all .2s ease}.form-group textarea{min-height:120px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.save-btn,.cancel-btn{padding:12px 28px;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.save-btn{background:#2563eb;color:#fff;border:none}.save-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.cancel-btn{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.cancel-btn:hover{background:#e2e8f0;color:#1e293b}.loading,.error{text-align:center;padding:60px 20px;font-size:1.1rem;color:#475569}.error{color:#dc2626;background:#fee2e2;border-radius:12px;padding:20px;margin:20px 0}@media(max-width:640px){.edit-lineage-container{margin-top:28rem;padding:24px 20px}.form-actions{flex-direction:column;gap:12px}.save-btn,.cancel-btn{width:100%}}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;font-family:Inter,sans-serif}.App{display:flex;flex-direction:column;width:100vw;min-height:100vh}.main-viewport{flex:1;width:100%;display:flex;flex-direction:column}.tree-area{width:100%;flex:1;background-color:#fff}.status-msg{display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#64748b}.main-viewport.full-screen-gate{padding-top:0!important;margin-top:0!important;display:flex;align-items:center;justify-content:center;min-height:100vh}.status-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}