*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header h1{color:#2c3e50;margin-bottom:10px}.header p{color:#7f8c8d;font-size:1.1em}.controls{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-small{padding:5px 10px;font-size:12px}.family-tree{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;min-height:400px}.family-tree-graph{display:flex;justify-content:center;align-items:center;overflow:auto;max-height:80vh}.family-tree-graph svg{background:#fafafa}.ancestors-container{display:grid;gap:15px}.empty-state{text-align:center;color:#7f8c8d;font-style:italic;padding:40px}.ancestor-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;position:relative;transition:all .2s ease}.ancestor-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ancestor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ancestor-name{font-weight:700;font-size:1.1em;color:#2c3e50}.ancestor-relationship{background:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em;text-transform:capitalize}.ancestor-actions{display:flex;gap:5px}.ancestor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.detail-group{background:#fff;padding:8px;border-radius:4px;border-left:3px solid #3498db}.detail-group h4{font-size:.9em;color:#2c3e50;margin-bottom:5px}.detail-item{font-size:.85em;color:#555;margin-bottom:2px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow-y:auto}.modal.show{display:block}.modal-content{background-color:#fff;margin:2% auto;padding:0;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0}.modal-header h2{margin:0;color:#2c3e50}.close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1;background:none;border:none}.close:hover{color:#333}.modal-body,.form{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-group input[type=checkbox]{width:auto;margin-right:8px;transform:scale(1.2)}.form-group label input[type=checkbox]{margin-bottom:0}.fieldset{border:1px solid #ddd;border-radius:6px;padding:15px;margin-bottom:20px}.fieldset legend{font-weight:700;color:#2c3e50;padding:0 10px}.date-input-group{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-bottom:15px}.date-input-group label{font-size:.9em;margin-bottom:0}.date-input-group input{margin-bottom:0}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #eee;margin-top:20px}.export-section,.import-section{margin-bottom:30px}.export-section h3,.import-section h3{margin-bottom:15px;color:#2c3e50}.export-data,.import-data{width:100%;height:120px;margin-top:10px;font-family:monospace;font-size:12px;resize:vertical}.export-section .btn{margin-right:10px;margin-bottom:10px}.event-entry{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-bottom:10px;position:relative}.event-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.event-entry-title{font-weight:700;color:#2c3e50}.remove-event-btn{background:#e74c3c;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:12px;cursor:pointer}.remove-event-btn:hover{background:#c0392b}.event-entry .date-input-group,.event-entry .form-group{margin-bottom:10px}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:#fff;font-weight:500;z-index:10000;max-width:300px;box-shadow:0 4px 6px #0000001a}.notification-success{background-color:#27ae60}.notification-error{background-color:#e74c3c}@media (max-width: 768px){.container{padding:10px}.controls{flex-direction:column}.btn{width:100%;text-align:center}.modal-content{width:95%;margin:5% auto}.date-input-group{grid-template-columns:1fr;gap:5px}.ancestor-details{grid-template-columns:1fr}.form-actions{flex-direction:column}}