.floating-nav{position:fixed;left:24px;bottom:24px;z-index:1000}.fab-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);transition:.3s;display:flex;align-items:center;justify-content:center}.fab-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(102,126,234,.6)}.fab-button:active{transform:scale(.95)}.fab-button i{transition:transform .3s}.fab-button.active i{transform:rotate(90deg)}.fab-menu{position:absolute;bottom:70px;left:0;width:320px;max-height:500px;background:rgba(30,30,46,.98);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transition:.3s cubic-bezier(.4, 0, .2, 1);overflow:hidden;display:flex;flex-direction:column}.fab-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fab-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(102,126,234,.1)}.fab-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.fab-menu-header h3 i{color:#667eea}.fab-close-btn{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.05);border:none;color:rgba(255,255,255,.7);cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.fab-close-btn:hover{background:rgba(255,255,255,.1);color:#fff}.fab-menu-content{padding:12px 12px 8px;overflow-y:auto;max-height:400px}.fab-menu-content::-webkit-scrollbar{width:6px}.fab-menu-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.fab-menu-content::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:3px}.fab-menu-content::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.7)}.fab-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;transition:.25s cubic-bezier(.4, 0, .2, 1);cursor:pointer;margin-bottom:8px;position:relative}.fab-menu-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:0 2px 2px 0;transition:height .25s cubic-bezier(.4, 0, .2, 1)}.fab-menu-item:hover{background:rgba(102,126,234,.2);padding-left:20px}.fab-menu-item:hover::before{height:70%}.fab-menu-item i{font-size:18px;color:#667eea;width:24px;text-align:center}.fab-menu-item span{font-size:14px;font-weight:500}.fab-menu-divider{height:1px;background:rgba(255,255,255,.1);margin:8px 0}.fab-menu-section{margin-top:8px;margin-bottom:0}.fab-menu-section-title{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;margin-bottom:8px}.fab-search-box{position:relative;margin-bottom:12px}.fab-menu-section .fab-search-box{margin-bottom:8px}.fab-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4);font-size:14px}.fab-search-box input{width:100%;padding:10px 12px 10px 36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:0;transition:.2s}.fab-search-box input:focus{background:rgba(255,255,255,.08);border-color:rgba(102,126,234,.5)}.fab-search-box input::placeholder{color:rgba(255,255,255,.3)}.fab-entity-list{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;padding-bottom:0;margin-bottom:0}.fab-entity-item,a.fab-entity-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1);position:relative;margin-bottom:10px;overflow:visible;min-height:56px;text-decoration:none;color:inherit}.fab-entity-item:last-child{margin-bottom:0}.fab-entity-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:0 2px 2px 0;transition:height .25s cubic-bezier(.4, 0, .2, 1)}.fab-entity-item:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.fab-family-tree-btn{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:rgba(102,126,234,.3)}.fab-family-tree-btn:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25))}.fab-entity-item:hover::before{height:70%}.fab-entity-item.active{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.4)}.fab-entity-avatar{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(102,126,234,.5)!important;background:rgba(102,126,234,.2);aspect-ratio:1/1}.fab-entity-info{flex:1;min-width:0;padding-left:4px}.fab-entity-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.fab-entity-date{font-size:11px;color:rgba(255,255,255,.5);margin-top:3px;line-height:1.2}.fab-entity-list::-webkit-scrollbar{width:4px}.fab-entity-list::-webkit-scrollbar-track{background:0 0}.fab-entity-list::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:2px}.fab-empty-state{text-align:center;padding:24px;color:rgba(255,255,255,.5)}.fab-empty-state i{font-size:32px;margin-bottom:8px;opacity:.3}.fab-empty-state p{font-size:14px;margin:0}@media (max-width:768px){.floating-nav{left:16px;bottom:16px}.fab-menu{width:calc(100vw - 80px);max-width:320px}}@keyframes fabPulse{0%,100%{box-shadow:0 4px 12px rgba(102,126,234,.4)}50%{box-shadow:0 4px 20px rgba(102,126,234,.6)}}.fab-button.pulse{animation:2s infinite fabPulse}