.navigation-menu{flex-direction:row;gap:12px;display:flex}.nav-menu-list{gap:15px;margin:0;padding:0;list-style:none;display:flex}.menu-divider{background-color:#e2e8f0;height:1px;margin:5px 0}.nav-menu-item{position:relative}.nav-menu-link{color:#475569;border-radius:4px;padding:6px 10px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.nav-menu-link:hover{color:#3b82f6;background-color:#f1f5f9}.sub-nav-menu-list{z-index:100;background-color:#fff;border-radius:6px;min-width:150px;padding:8px 0;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav-menu-item:hover>.sub-nav-menu-list{display:block}.sub-nav-menu-item{position:relative}.sub-nav-menu-link{color:#475569;white-space:nowrap;padding:8px 16px;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.sub-nav-menu-link:hover{color:#3b82f6;background-color:#f1f5f9}.sub-nav-menu-item>.sub-nav-menu-list{top:0;left:100%}.section-title{color:#334155;margin-bottom:8px;font-size:1.2rem;font-weight:600}.section-description{color:#64748b;margin-bottom:16px;font-size:.875rem;line-height:1.5}.menu-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.menu-section-header{margin-bottom:16px}.menu-type-title{color:#0f172a;align-items:center;margin-bottom:6px;font-size:1.1rem;font-weight:600;display:flex}.menu-type-title:before{content:"";background-color:#3b82f6;border-radius:2px;width:4px;height:18px;margin-right:8px;display:inline-block}.menu-type-description{color:#64748b;margin-bottom:10px;font-size:.85rem;line-height:1.4}.menu-section-divider{background-color:#e2e8f0;border:none;height:1px;margin:20px 0}.menu-property-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.menu-property-title{color:#0f172a;border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.menu-tree{margin-bottom:8px}.menu-tree .menu-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.menu-tree .menu-header h3{color:#475569;margin:0;font-size:1rem;font-weight:500}.menu-tree .menu-header button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;padding:6px 12px;font-size:.875rem;transition:background-color .2s}.menu-tree .menu-header button:hover{background-color:#2563eb}.menu-item{border-radius:4px;margin-bottom:4px;padding:1px 12px;transition:all .2s}.menu-item:hover{background-color:#f1f5f9}.menu-item.selected{background-color:#3b82f61a;border-left:2px solid #3b82f6}.menu-item .menu-name{font-weight:500}.menu-type-selector{gap:10px;margin-bottom:16px;margin-left:150px;padding-bottom:10px;display:flex}.menu-type-option{cursor:pointer;background-color:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex}.menu-type-option:hover{background-color:#e2e8f0}.menu-type-option.active{color:#fff;background-color:#3b82f6}.menu-type-icon{font-size:1.2rem}.menu-type-label{font-size:.875rem;font-weight:500}.nav-menu-list.selected-type-menu{background-color:#f8fafc;border-radius:6px;min-width:200px;padding:8px}.empty-menu-message{color:#64748b;text-align:center;padding:8px 12px;font-size:.875rem;font-style:italic}.menu-display-area{flex-direction:column;gap:12px;margin-top:12px;display:flex}.menu-section-label{color:#64748b;margin-bottom:4px;font-size:.8rem;font-weight:600}.menu-section{margin-bottom:12px}.nav-menu-link.active-type{color:#3b82f6;font-weight:600}